jQuery MiniUI 开发教程 表格控件 表格：详细行（九）

详细行

参考示例：详细行

表格的"showRowDetail"方法可以为一个普通表格行增加了一个详细行。

通过"getRowDetailCellEl"方法获得此详细行的DOM元素后，可以在此详细行DOM元素内加入任何HTML内容。

functiononShowRowDetail(e){

vargrid=e.sender;

varrow=e.record;

vartd=grid.getRowDetailCellEl(row);

$.ajax({

url:"../data/DataService.aspx?method=GetEmployee&id="+row.id,

success:function(text){

varo=mini.decode(text);

//生成详细信息html

if(o.gender==1)o.gender_name="男";

elseif(o.gender==2)o.gender_name="女";

elseo.gender_name="";

o.birtyday_name=o.birthday?mini.formatDate(o.birthday,"yyyy-MM-dd"):"";

td.innerHTML="";

$("#formTemplate").tmpl(o).appendTo(td);;

}

});

}