datagrid动态绑定列标题及每行添加操作按钮

本文介绍了一个使用EasyUI框架配置数据网格(grid)的过程,详细展示了如何通过JavaScript动态创建表格列标题及操作栏,并设置了特定字段的显示属性。此外,还实现了自定义的操作列,包括修改和删除按钮。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        var params = new Map();
        var titles = queryObj("subsetmgr.sa?cmd=getTabTitle", params)
                .split(",");
        for ( var i = 0; i < titles.length; i++) {
            var titleObject = new Object();
            titleObject.field = titles[i];
            titleObject.width = 100;

            titleObject.editor = 'text';
            if (titles[i] == "ID_") {
                titleObject.hidden = 'true';
            }
            if (i == 1) {
                //titleObject.sortable = 'true';
                titleObject.title = "纳税人识别号";
            }
            if (i == 4) {
                //titleObject.sortable = 'true';
                titleObject.title = "组织机构代码";
            }
            if (i == 3) {
                //titleObject.sortable = 'true';
                titleObject.title = "统一社会信用码";
            }
            if (i == 2) {
                //titleObject.sortable = 'true';
                titleObject.title = "企业名称";
                titleObject.width = 180;
            }
            if (i > 4) {
                titleObject.title = titles[i];
            }
            tilArray[i] = titleObject;
        }
        var titleObject = new Object();
        titleObject.field = 'operate';
        titleObject.title ='操作';
        titleObject.align='center';
        titleObject.formatter=function(value, row, index){  
            var str = '<a href="#" name="edit" class="easyui-linkbutton"  οnclick="save()">修改 </a>';
            str=str+'|<a href="#" name="delete" class="easyui-linkbutton" οnclick="remove()"> 删 除 </a>';
            return str;  
         };
        tilArray[titles.length]=titleObject;

        $('#dt').datagrid({

           frozenColumns : [ [ {
                id : 'ck',
                title : 'ck',
                field : 'ck',
                align : 'center',
                checkbox : 'true'
            } ] ],

            columns : [ tilArray ],
            queryParams : {
                tabId : tabId,
                pageNumber : 1
            }
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值