easyui datagrid 列显示和隐藏

//当查询IT基础设施的时候隐藏‘STAFF_ID‘、‘ITSM_STAFF_ID‘
    if($("input[name=‘currentstate‘]").val()==2){
        $(‘#ordertable‘).datagrid(‘hideColumn‘,‘STAFF_ID‘);
        $(‘#ordertable‘).datagrid(‘hideColumn‘,‘ITSM_STAFF_ID‘);    }else{
        $(‘#ordertable‘).datagrid(‘showColumn‘,‘STAFF_ID‘);
       $(‘#ordertable‘).datagrid(‘showColumn‘,‘ITSM_STAFF_ID‘);

    }
    // 清空选中行
    SERVICEDATAGRID.datagrid(‘clearSelections‘);

$(‘#ordertable‘).datagrid(‘hideColumn‘,‘列field‘);//隐藏列
把hideColumn换成showColumn  即为显示列

时间: 2024-12-12 15:02:55

easyui datagrid 列显示和隐藏的相关文章

动态修改easyui datagrid 列宽度

$("#table").datagrid('hideColumn','a');//a表示列名,隐藏此列 var dg = $('#table');//table表id var col = dg.datagrid('getColumnOption','NAME');//获得该列属性 col.width = document.body.clientWidth*0.22;//调整该列宽度 col.align = 'center'; dg.datagrid(); 动态修改easyui data

Easyui Datagrid 修改显示行号列宽度

EasyUI中Datagrid的第一列显示行号,可是如果数据量大的的时候,显示行号的那一列数据会显示不完全的. 可以通过修改Datagrid的样式来解决这个问题,在样式中加入下面这个样式,就可以自己修改显示行号列的宽度了 .datagrid-header-rownumber,.datagrid-cell-rownumber{ width:40px; }

动态控制jQuery easyui datagrid工具栏显示隐藏

//隐藏第一个按钮 $('div.datagrid-toolbar a').eq(0).hide(); //隐藏第一条分隔线 $('div.datagrid-toolbar div').eq(0).hide(); //显示第一个按钮 $('div.datagrid-toolbar a').eq(0).show(); //显示第一条分隔线 $('div.datagrid-toolbar div').eq(0).hide(); disable toolbar按钮 $('#btnpichuli').l

【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题

解决方法 于dataGrid例如,下面的代码被添加到的定义: JavaScript Code 1 2 3 4 5 6 7 8 9 10 onLoadSuccess : function (data) { if (data.total == 0) { $('#dg').datagrid('insertRow', { row : {} }); $("#dg").parent().find("tr[datagrid-row-index='0']").css({ "

easyui datebox只显示年月隐藏日期的实现

工作中两次遇到需要实现只实现年月的时间控件效果,特地把网上查到的实现方法记录下来,以备再次需要时用到.上代码 var dateobj=function(obj){ var need_obj={ onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 span.trigger('click'); //触发click事件弹出月份层 if (!tds) setTimeout(function () {//延时触发获取月份对象,因为上面的

EasyUI datagrid 格式化显示数据

http://blog.163.com/[email protected]/blog/static/103242241201512502532379/ 设置formatter属性,是一个函数,格式化函数有3个参数: The cell formatter function, take three parameters:value: the field value.rowData: the row record data.rowIndex: the row index. 一.格式化显示性别 后台传过

easyui datagrid控制显示进度条

实际项目中当我们在前台分页的时候需要控制datagrid加载数据时显示进度条,而datagrid默认只有在通过url方式加载数据时才显示进度条,以下代码是手动控制: 打开进度条: $('#searchAddrDg').datagrid('loading');//打开等待div 关闭进度条: $('#searchAddrDg').datagrid('loaded');//关闭loding进度条:

easyui datagrid 列的内容超出所定义的列宽时,自动换行

在datagrid中添加一句,DataGrid属性中的nowrap:false. (默认为true). 注意nowrap不是列属性, <th data-options="field:'roleName',width:60,align:'center',nowrap:false">xxx</th>   这样是不行的. 需要写在datagrid中 eg: html: <table id="_main_table"> <thead

ssm+easyUI datagrid 不能显示后台controller层返回的json数据

后台打印查询出来的数据: {"total":29,"rows":[{"department_id":0,"department_name":"董事会办公室","id":1,"idcard":"3423243543534","phone":"15155157074","rname":&quo