Print Page - edatagrid - working with nested JSON data

Hello. I have a edatagrid and JSON data with nested field values like this:

Code:

[{"id":19,"idObject":{"systemId":"sbr_001","applicationAssignment":"Testgebiet 22","applicatioContact":"Stefan"}]

Now if i cklicked on an row to edit the data, the values of the field idObject.applicationAssignment not shown correct in the editor of the text field. The editor field are empty - why?

Update: My Test Solution:

Code:

onDblClickRow: function(rowIndex, rowData) {
  if(rowData.idObject) {
	// workaround for the  value [object object] problem!
	var xyzEditor = $(this).edatagrid('getEditor',{index: rowIndex, field:'idObject.applicationAssignment'});
	$(xyzEditor.target).val(rowData.idObject.applicationAssignment);
  };
},

Is this correct sollution or is there a better way to do this?

Please don't use the nested data on a editable data grid. It is easy to convert to normal json data by using 'loadFilter' function.

Code:

$('#dg').edatagrid({
	loadFilter: function(data){
		for(var i=0; i<data.length; i++){
			var item = data[i];
			item.systemId = item.idObject.systemId;
			item.applicationAssignment = item.idObject.applicationAssignment;
			//...
		}
		return {
			total: data.length,
			rows: data
		}
	}
})

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Stefan B. on February 14, 2014, 05:53:31 AM