• easy-ui datagrid


    Easy-ui引用
        <link href="css/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
        <link href="css/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
        <link href="css/EasyUI/demo.css" rel="stylesheet" type="text/css" />

        <script src="js/jq/jquery-1.8.0.min.js" type="text/javascript"></script>
        <script src="js/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
     

    $('#tt').datagrid({
                //标题
                title: 'Frozen Columns',
                //标题左上角的图标
                iconCls: 'icon-save',
                //宽高
                1000,
                height: 250,
                //表头(title)上的工具栏
                //toolbar: '#aa',
                method: 'get',
                //最左边序号
                rownumbers: true,
                //选中单行(变成黄色)
                singleSelect: true,
                //锁定行(json中的foot)
                showFooter: true,
                //控制分页↓
                pageList: [10, 20, 50],
                collapsible: true,
                pagination: true,
                //控制分页↑
                loadMsg: "数据读取中......",
                url: 'datagrid_dataF.json',
             //锁定列(冻结列)
                frozenColumns: [[
                            { field: 'itemid', title: '操作', 40, formatter: function(value, row, index) {
                                var edit = "";
                                //                            if (row.editing) {
                                var del = "<a style="cursor:pointer" onclick="delRow(" + index + ")"><img src="image/cross.png" alt="删除" /></a>";
                                return edit + "&nbsp;&nbsp;" + del;
                                //                            }
                                //                            else {
                                //                                var del = "<a style="cursor:pointer" onclick="delRow(" + index + ")"><img src="~/image/cross.png" alt="删除" /></a>";
                                //                                return edit + "&nbsp;&nbsp;" + del;
                                //                            }
                            }
                            },

                           ]],
                columns: [[
                            { field: 'chbm', title: '存货编码', align: 'center', 100 },
                            { field: 'chmc', title: '存货名称', align: 'center', 100 },
                            { field: 'ysdm', title: '颜色代码', align: 'center', 100 },
       { field: 'ysmc', title: '颜色名称', align: 'center', 100 },
       { field: 'dw', title: '单位', align: 'center', 100 },
       { field: 'sl', title: '数量', align: 'center', 100 },
       { field: 'hsdj', title: '含税单价', align: 'center', 100 },
       { field: 'hsje', title: '含税金额', align: 'center', 100 },
       { field: 'qsdj', title: '去税单价', align: 'center', 100 },
       { field: 'qsje', title: '去税金额', align: 'center', 100 },
       { field: 'se', title: '税额', align: 'center', 100 },
       { field: 'dlmc', title: '大类名称', align: 'center', 100 },
       { field: 'jh', title: '集合', align: 'center', 100 },
       { field: 'glspdm', title: '关联商品代码', align: 'center', 100 },
       { field: 'glspmc', title: '关联商品名称', align: 'center', 100 },
       { field: 'jj', title: '季节', align: 'center', 100 },
       { field: 'js', title: '结算', align: 'center', 100 }
                           ]]
            });

    设置(冻结行)
       List<object> footer = new List<object>();
              footer.Add(new{列名1=数据1,列名2=数据2}); 

    so easy
  • 相关阅读:
    在ensp上配置Trunk接口
    在ensp上VLAN基础配置以及Access接口
    在ensp上的ARP及Proxy ARP
    在ensp上简单的配置交换机
    1000000 / 60S 的 RocketMQ 不停机,扩容,平滑升级!
    DE1-SOC 只要加载驱动VNC就断开(DE1-SOC 只要加载驱动串口就卡住)
    通过U盘拷贝文件到DE1-SOC 的 Linux系统
    Linux 系统响应来自 FPGA 端的中断的中断号到底怎么对应?(GIC控制器)
    HPS 访问 FPGA 方法之五—— 通过FPGA 中断访问
    HPS 访问 FPGA 方法之四—— 编写 Linux 字符设备驱动
  • 原文地址:https://www.cnblogs.com/holyson/p/3291182.html
Copyright © 2020-2023  润新知