对于现在前台表格普遍使用的Jqgrid插件,虽然基础的数据展示没问题,但是对于其他的功能也是让人惊叹的,功能强大,方便快捷。
Jqgrid的API:http://blog.mn886.net/jqGrid/
基础数据展示:
翻页:
复选框:
只需要添加:multiselect : true即可。
获取被勾选的行的数据:
var ids=$('#role_gridtable').jqGrid('getGridParam','selarrrow');
var roleIds = ""
for(var i = 0;i<ids.length;i++){
roleIds += $('#role_grid-table').jqGrid ('getCell', ids[i], 'roleId') + ",";
}
默认勾选制定行的数据:
var ids = user_grid.getDataIDs();
for(var i=0;i<ids.length;i++){
var rowData = user_grid.getRowData(ids[i]);
$("#user_grid-table").jqGrid('setSelection',ids[i]).attr('check',true);
}