动态修改easyui-datagrid 列

<table id="DataList" title="查询结果" style="width:99%;padding:10px;"></table>

① 隐藏列

$(‘#DataList‘).datagrid(‘hideColumn‘, ‘Columnfield‘);

② 动态修改列标题

$(‘div[class$="Columnfield"] :not(.datagrid-sort-icon)‘).html(‘需要显示的新标题‘);

eg:

 <table id="CompanyInfoList" title="查询结果" style="width:99%;padding:10px;"></table>

 onLoadSuccess: function (data) {

                $(‘div[class$="Columnfield"] :not(.datagrid-sort-icon)‘).html(‘需要显示的新标题‘);

                $(‘#CompanyInfoList‘).datagrid(‘hideColumn‘, ‘Columnfield‘);

                $(‘#CompanyInfoList‘).datagrid(‘clearSelections‘);
            }

  

时间: 2024-10-05 17:49:25

动态修改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 URL

动态设置easyui datagrid URL$('#tt').datagrid({url:'website/jsp/servlet',        queryParams:{method:'xx', Id:IDValue }        });

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

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','

EasyUI datagrid 列宽度拖动问题

问题:拖不动或者偶尔能拖动,拖动不按指定? 原因:列宽度绑定的时候使用的百分比; 方法:获取总宽度,经过百分比计算在绑定

easyui datagrid 列拖动

实现代码-code <script type="text/javascript"> $.extend($.fn.datagrid.methods, { columnMoving: function(jq) { return jq.each(function() { var target = this; var cells = $(this).datagrid('getPanel').find('div.datagrid-header td[field]'); cells.d

easyui datagrid 列中的checkbox 动态绑定

根据数据中的值来选择绑定checkbox 根据值来找到需要选择的行,存入控件中 $(document).ready(function () { //呈现列表数据                $('#Table1').datagrid({                    pagination: true,                    rowStyler: function (index, row) {                        if (row.ZT == 1)

解决easyui datagrid load时缓存问题

修改easyui datagrid内容保存后,使用$("#dg").datagrid("reload");或者$("#dg").datagrid("load");时,IE总是读取缓存内容,,下面提供三种方案: 1.URL加时间戳,很麻烦,每次请求都要加 2.datagrid method改为POST方式 3.设置ajax不缓存,$.ajaxSetup({ cache: false });//不设置缓存 个人觉得第三种完美解决.

EasyUI datagrid自适应问题解决

在使用js 动态创建EasyUI datagrid时,如果设置fit为true,在显示的时候数据的高度为固定高度不能自适应 解决办法是把fit设为false. 但这样设置后又有个问题,如果把columns定义在js里面,及时宽度设置为百分百,单元格的宽度不能随着浏览器的大小而变化 解决办法是把columns定义在页面html上. 最后的代码如下: html代码 1 <table id="grid" title="考勤数据" style="width:

jQuery Easyui datagrid动态列绑定

前几天有人在使用jQuery EasyUI的datagrid时,遇到不会动态绑定列的情况,而网上给出的例子可能也是比较早的处理办法,竟然需要修改easyui源码,其实解决这问题的思路是很简单,我们只需修改要显示的列即可.那位朋友最后改为这种处理时,发现还是有问题,最终我发现她返回不是合法json,里边多个方括号,这里推荐大家使用本站的JSON在线校验格式化工具来验证返回json是否正确. 这里我们以上篇文章中类似的简单json来说明这个问题,比如后台要根据当前用户的权限返回不同的json: 分享