Create PropertyGrid using Datagrid Row

[poeziafree]

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

[jarry]

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
})

[poeziafree]

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
})
   }
});