EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: poeziafree on December 12, 2022, 11:19:53 AM

Title: Create PropertyGrid using Datagrid Row
Post by: poeziafree on December 12, 2022, 11:19:53 AM

Hello,

How can I construct propertygrid programmatically using the clicked row data on double click datagrid row?

Spent hours trying it but I cannot figure it out,

Thanks

Title: Re: Create PropertyGrid using Datagrid Row
Post by: jarry on December 13, 2022, 01:31:58 AM

The code below shows how to create the propertygrid component programmatically.

Code:

var data = [
	{name:'Name',value:'Bill Smith',editor:'textbox'},
	{name:'Address',value:'',editor:'textbox'},
	{name:'Age',value:null,editor:'numberbox'},
	{name:'Birthday',value:null,editor:'datebox'}
]
$('#pg').propertygrid({
	data: data,
	scrollbarSize: 0
})

Title: Re: Create PropertyGrid using Datagrid Row
Post by: poeziafree on December 13, 2022, 02:56:26 AM

Thank you, Jarry!

I know how to create the Propertygrid.

What I need is to create a propertygrid where the Data is a datagrid row data.

Example:

Code:


$('#dg').datagrid({
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:100},
        {field:'name',title:'Name',width:100},
        {field:'price',title:'Price',width:100,align:'right'}
    ]],
   onDblClickRow: function(index,row)
   {
      var data = row;
$('#pg').propertygrid({
	data: data,
	scrollbarSize: 0
})
   }
});