博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyUi的dataGrid动态改变列、列标题等
阅读量:5090 次
发布时间:2019-06-13

本文共 3590 字,大约阅读时间需要 11 分钟。

easyUi的dataGrid动态改变列、列标题等。

参考官方文档:http://www.jeasyui.net/tutorial/27.html,其中说明:“请记住,我们已经定义了其他属性,比如:url、width、height 等等。我们不需要再一次定义它们,我们定义那些我们需要改变的。”

实际代码:

function initList() {    //初始化表格    $('#matList').datagrid({        height: 300,        url: '',         idField: 'sID',        striped: true,        fitColumns: true,        singleSelect: false,        rownumbers: true,        pagination: false,        nowrap: false,        showFooter: true,        columns: [            getColumns()        ],        toolbar: [            {                text: '选择项目',                iconCls: 'icon-add',                handler: handlerAdd            }            ,            {                text: '确认选择',                iconCls: 'icon-edit',                handler: handlerAccept            },            {                text: "清空表格",                iconCls: "icon-cancel",                handler: function () { $('#matList').datagrid('loadData', { total: 0, rows: [] }); }            }        ],        onBeforeLoad: function (param) {        },        onLoadSuccess: function (data) {        },        onLoadError: function () {        },        onClickCell: function (rowIndex, field, value) {            onClickCell(rowIndex, field);        }    });}//列function getColumns() {    var cols =    [        { field: 'ID', title: '子项ID', width: 90, hidden: true },        { field: 'sItemID', title: '商品编号', width: 90, hidden: true },        { field: 'sItemIDName', title: '商品名称', width: 90, align: 'left' },        { field: 'sUnit', title: '规格', width: 50, align: 'left' },        { field: 'sUnitName', title: '单位', width: 50, align: 'left' },        {   //仓库编号列,标题从业务类型中读取,数据来自数据集            field: 'sStore', title: getStoreCaption(), width: 90, align: 'left',            editor: {                type: 'combobox',                editable: false,                options: {                    valueField: 'sID',                    textField: 'sName',                    data: storeComboboxDatasource                }            },            formatter: function (value, row, index) {                for (var i = 0; i < storeComboboxDatasource.length; i++) {                    if (storeComboboxDatasource[i].sID == value) {                        return storeComboboxDatasource[i].sName;                    }                }                return row["sStore"];            }        },        {            field: 'nCount', title: '数量', width: 50, align: 'left',            editor: {                type: 'numberbox',                options: {                    min: 0,                    precision: 2                }            }        },        {            field: 'nPrice', title: '单价', width: 50, align: 'right', editor: {                type: 'numberbox',                options: {                    min: 0,                    precision: 2                }            }        },        {            field: 'nAgio', title: '优惠金额', width: 50, align: 'right', editor: {                type: 'numberbox',                options: {                    min: 0,                    precision: 2                }            }        },        { field: 'nMoney', title: '金额', width: 50, align: 'right' },        {            field: 'op', title: '操作', width: 80, align: 'left', formatter: function (value, row, index) {                return "移除";            }        }    ];    return cols;}function getStoreCaption() {    var s = "";    if (workTable != null) s = workTable.sStorerCaption;    if (s == null || s == "") return "仓库";    return s;}

 

转载于:https://www.cnblogs.com/HaiHong/p/10088186.html

你可能感兴趣的文章
[leetcode]Minimum Path Sum
查看>>
内存管理 浅析 内存管理/内存优化技巧
查看>>
【BZOJ 5222】[Lydsy2017省队十连测]怪题
查看>>
Java跟Javac,package与import
查看>>
day-12 python实现简单线性回归和多元线性回归算法
查看>>
Json格式的字符串转换为正常显示的日期格式
查看>>
[转]使用 Razor 进行递归操作
查看>>
[转]Android xxx is not translated in yyy, zzz 的解决方法
查看>>
docker入门
查看>>
Android系统--输入系统(十一)Reader线程_简单处理
查看>>
监督学习模型分类 生成模型vs判别模型 概率模型vs非概率模型 参数模型vs非参数模型...
查看>>
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
实验五 Java网络编程及安全
查看>>
32位与64位 兼容编程
查看>>
iframe父子页面通信
查看>>
map基本用法
查看>>
poj-1163 动态规划
查看>>
Golang之interface(多态,类型断言)
查看>>
Redis快速入门
查看>>
BootStrap---2.表格和按钮
查看>>