I have a form, see image below.
I have the following data in the database, see image below
I originally wanted to have the structure like below in the custom table
> id | meta_key | meta_value
> -------------------------------
> 1 | first_name | Absolute
> ------------------------------
> 2 | last_name | Idiot
But I don't know how to do this with ui_component (update, retrieve data)? (if someone knows how to do this. please provide some info)
So I resorted to what I know of
My current problem, when I load the form, I don't want to pass id/1 in my URL instead, I want the data from id 1 to be loaded by default.
Assuming the only needed codes are ui_component_form and data provider I have provided them below.
DataProvider.php
<?php
namespace Absolute\Idiot\Model\Sample1;
use Absolute\Idiot\Model\ResourceModel\Sample1\CollectionFactory;
class DataProvider extends \Magento\Ui\DataProvider\AbstractDataProvider
{
public function __construct(
$name,
$primaryFieldName,
$requestFieldName,
CollectionFactory $contactCollectionFactory,
array $meta = [],
array $data = []
) {
$this->collection = $contactCollectionFactory->create();
parent::__construct($name, $primaryFieldName, $requestFieldName, $meta, $data);
}
public function getData()
{
if (isset($this->loadedData)) {
return $this->loadedData;
}
$items = $this->collection->getItems();
$this->loadedData = array();
foreach ($items as $user) {
$this->loadedData[$user->getId()]['sample1'] = $user->getData();
}
return $this->loadedData;
}
}
idiot_sample1_form.xml (ui_component)
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="provider" xsi:type="string">idiot_sample1_form.sample1_form_data_source</item>
<item name="deps" xsi:type="string">idiot_sample1_form.sample1_form_data_source</item>
</item>
<item name="label" xsi:type="string" translate="true">Sample1</item>
<item name="config" xsi:type="array">
<item name="dataScope" xsi:type="string">data</item>
<item name="namespace" xsi:type="string">idiot_sample1_form</item>
</item>
<item name="template" xsi:type="string">templates/form/collapsible</item>
<item name="buttons" xsi:type="array">
<item name="save" xsi:type="array">
<item name="name" xsi:type="string">save</item>
<item name="label" xsi:type="string" translate="true">Save Sample Data</item>
<item name="class" xsi:type="string">primary</item>
<item name="url" xsi:type="string">*/*/saveAction</item>
</item>
</item>
</argument>
<dataSource name="sample1_form_data_source">
<argument name="dataProvider" xsi:type="configurableObject">
<argument name="class" xsi:type="string">Absolute\Idiot\Model\Sample1\DataProvider</argument>
<argument name="name" xsi:type="string">sample1_form_data_source</argument>
<argument name="primaryFieldName" xsi:type="string">sample_id</argument>
<argument name="requestFieldName" xsi:type="string">id</argument>
</argument>
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
</item>
</argument>
</dataSource>
<fieldset name="sample1_details">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="collapsible" xsi:type="boolean">true</item>
<item name="label" xsi:type="string" translate="true">Sample1 Details</item>
<item name="sortOrder" xsi:type="number">20</item>
</item>
</argument>
<field name="sample_id" formElement="input" sortOrder="10">
<settings>
<visible>true</visible>
<elementTmpl>ui/form/element/input</elementTmpl>
<label translate="true">Sample Id</label>
</settings>
</field>
<field name="first_name" formElement="input" sortOrder="20">
<settings>
<visible>true</visible>
<elementTmpl>ui/form/element/input</elementTmpl>
<label translate="true">First Name</label>
</settings>
</field>
<field name="last_name" formElement="input" sortOrder="30">
<settings>
<visible>true</visible>
<elementTmpl>ui/form/element/input</elementTmpl>
<label translate="true">Last Name</label>
</settings>
</field>
</fieldset>
</form>