当前位置: 首页 > 编程笔记 >

jQuery EasyUI中DataGird动态生成列的方法

古弘
2023-03-14
本文向大家介绍jQuery EasyUI中DataGird动态生成列的方法,包括了jQuery EasyUI中DataGird动态生成列的方法的使用技巧和注意事项,需要的朋友参考一下

EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍EasyUI中DataGird动态生成列的方法。

DataGird动态生成列,实际上就是控制DataGird的 columns 属性值,下面通过ajax异步调用后台columns的数据,进行绑定。

<table id="dg"></table>
<script>
function easyUIDataGrid(medid) {
var $datagrid = {};
var columns = new Array();
$datagrid.title = "";
$datagrid.height = $(window).height() - 31;
$datagrid.width = $(window).width();
$datagrid.sortName = "dt";
$datagrid.sortOrder = "desc";
$datagrid.idField = "id";
var param = { "medid": medid };
$.ajax({
url: 'getCol.page',
type: 'post',
data: "medid=" + medid,
dataType: "json",
async: false,
success: function (returnValue) {
            //异步获取要动态生成的列 别名,宽度也可以
var arr = returnValue;
$.each(arr, function (i, item) {
columns.push({ "field": item.colname, "title": item.colalias, "width": 100, "sortable": true });
});
$datagrid.columns = new Array(columns);
$('#dg').datagrid($datagrid);
}
});
}
</script>

以上所述是小编给大家介绍的jQuery EasyUI中DataGird动态生成列的方法,希望对大家有所帮助!

 类似资料:
  • 本文向大家介绍elementUI 动态生成几行几列的方法示例,包括了elementUI 动态生成几行几列的方法示例的使用技巧和注意事项,需要的朋友参考一下 elementUI 动态生成几行几列 table 现在碰到一个需求:就是根据用户选择的行列,来自动生成相应大小的 table,如下这个实现还不完善,因为数据不对,只是实现了动态的效果,仅是提供一种实现思路吧,后续我会再想想看怎么实现为好,先记录

  • 本文向大家介绍动态JSP页生成静态HTML的方法,包括了动态JSP页生成静态HTML的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了动态JSP页生成静态HTML的方法。分享给大家供大家参考。具体如下: 具体实现: 利用Filter的过滤功能把*.jsp过滤出来,判断是否存在对应的.html文件,如果不存在对应的.html文件,则将其内容读出写入指定的.html文件,再跳转到对应的.h

  • 我正在测试REST API。每个API使用不同类型的JSON负载。我不想手动填写所有输入。因此,我希望动态生成JSON(例如,从文本文件读取值并填写JSON结构),然后将生成的JSON作为请求体在API中传递。 最好的方法是什么?对工具或插件有什么建议吗? 附言:嵌套的JSON结构非常复杂。

  • 我正在尝试为一栋建筑制作一个模拟电梯的GUI(实际上是为了测试线程/c扫描),但当生成电梯控制面板的按钮和每个楼层的按钮时,我有点卡住了。我考虑为每层楼生成一对新的按钮,并为每部电梯生成一个新的控制面板。此外,拥有不同数量的楼层也很困难。不管怎样,我的问题是,这样做最好的方式是什么?也许不必为每件事都生成新的按钮,只需使用一组按钮并更改每个楼层/电梯的操作?我这么问是因为我对GUI不太熟悉。谢谢你

  • 本文向大家介绍vue中实现动态生成二维码的方法,包括了vue中实现动态生成二维码的方法的使用技巧和注意事项,需要的朋友参考一下 最近项目中有个裂变分享的需求,需要在页面中根据分享人的身份动态生成二维码图片放置在页面中,所以研究了一下这个功能的实现,同时把实现过程记录如下: 1.引入二维码生成模块 注意:此处安装qrcodejs2,安装依赖后可在main方法中进行全局引用设置,也可单独某个页面中进行

  • 刚接触 lua-resty-redis 的文档的时候,你可能会惊讶于上面列出的方法之少。Redis 有好几十个命令,而 Method 一节列出的方法却寥寥无几。事实上,如果仔细阅读了文档,你会在 Method 一节的开头读到这么一段话: All of the Redis commands have their own methods with the same name except all in