Expanded datagrid-detailview & detailview has button to add multiple rows

[harik]

Datagrid needs to be expanded detailview(subgrid) without (+ or -) sign in the datagrid. detailview(subgrid) has 'Add Button' with two text fields. Each click on 'Add button' add text field rows in detailview same same master. detailview records should be refer to master row.
when Save/update total should process to persist(master row with detailview).

Could you please provide sample code snippet to achieve this.
Thanks in advance.

[stworthy]

You can call 'expandRow' or 'collapseRow' methods to expand or collapse a row. If you want to keep all rows expanded when loading data successfully, please try the following code.

Code:

$('#dg').datagrid({
	onLoadSuccess:function(){
		var count = $(this).datagrid('getRows').length;
		for(var i=0; i<count; i++){
			$(this).datagrid('expandRow', i);
		}
	}
})

[harik]

Thanks stworthy,

To list out all records, i want to make detailview should view by default when it has data. If no data i don't want show detailview. While adding(new )/editing master record only detailview show with 'Add button' with two text fields.

Could you please help me.

[stworthy]

Is is simple to expand or collapse a row according to your special conditions.

Code:

if (some condition){
  $('#dg').datagrid('expandRow',...);
  //or
  //$('#dg').datagrid('collapseRow',...);
}