bsgrid动态表头(动态列)

来源:互联网 发布:淘宝放心淘加入条件 编辑:程序博客网 时间:2024/06/11 03:14

表格插件:bsgrid
实现功能:选择不同的查询方式,表格的列发生对应的改变
窗口

员工

代码:

//动态表头$("#types").change(function () {   //清除表格数据   gridObj.clearGridBodyData();   //删除第2列   var $tr =  $('#list_table tr');   $tr.find('th:eq(1)').remove();   //在第1列后面增加对应类型的列   var types = $(this).val();   var $h1 = $tr.find('th:eq(0)'); //第1列   if (types == 0) {       $h1.after('<th w_index="" w_align="center">窗口号</th>');   }   else if (types == 1) {       $h1.after('<th w_index="" w_align="center">员工姓名</th>');   }   else if (types == 2) {       $h1.after('<th w_index="" w_align="center">业务名称</th>');   }   //重新设置表格的列模型   gridObj.options.columnsModel = $.fn.bsgrid.initColumnsModel(gridObj.options);   $.extend(gridObj.options.columnsModel[0], {lineNumber:"line"}); //解决行号消失的BUG});
原创粉丝点击