Please refer to this code:
view: detailview,
detailFormatter: function(rowIndex, rowData){
return '<div class="ddv"></div>';
},
onExpandRow: function(index,row){
var ddv = $(this).datagrid('getRowDetail',index).find('.ddv');
var dg = ddv.find('.datagrid');
if (!dg.length){
var tb = $('<div></div>');
dg = $('<table></table>').appendTo(ddv);
dg.datagrid({
height: 200,
columns: [[
{field:'started',title:'Started',width:100},
{field:'ended',title:'Ended',width:100}
]],
toolbar: tb
});
$('<a href="javascript:;"></a>').appendTo(tb).linkbutton({
plain: true,
iconCls: 'icon-add',
text: 'Add'
});
$('<a href="javascript:;"></a>').appendTo(tb).linkbutton({
plain: true,
iconCls: 'icon-remove',
text: 'Del'
});
$('<input>').appendTo(tb).switchbutton();
$(this).datagrid('fixDetailRowHeight', index);
}
}