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',
            //宽高
            width: 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: '操作', width: 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', width: 100 },
                        { field: 'chmc', title: '存货名称', align: 'center', width: 100 },
                        { field: 'ysdm', title: '颜色代码', align: 'center', width: 100 },
   { field: 'ysmc', title: '颜色名称', align: 'center', width: 100 },
   { field: 'dw', title: '单位', align: 'center', width: 100 },
   { field: 'sl', title: '数量', align: 'center', width: 100 },
   { field: 'hsdj', title: '含税单价', align: 'center', width: 100 },
   { field: 'hsje', title: '含税金额', align: 'center', width: 100 },
   { field: 'qsdj', title: '去税单价', align: 'center', width: 100 },
   { field: 'qsje', title: '去税金额', align: 'center', width: 100 },
   { field: 'se', title: '税额', align: 'center', width: 100 },
   { field: 'dlmc', title: '大类名称', align: 'center', width: 100 },
   { field: 'jh', title: '集合', align: 'center', width: 100 },
   { field: 'glspdm', title: '关联商品代码', align: 'center', width: 100 },
   { field: 'glspmc', title: '关联商品名称', align: 'center', width: 100 },
   { field: 'jj', title: '季节', align: 'center', width: 100 },
   { field: 'js', title: '结算', align: 'center', width: 100 }
                       ]]
        });

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

easy-ui datagrid的更多相关文章

  1. JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单

    JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...

  2. Jquery Easy UI Datagrid 上下移动批量保存数据

    DataGrid with 上下移动批量保存数据 通过前端变量保存修改数据集合,一次性提交后台执行 本想结合easyui 自带的$('#dg').datagrid('getChanges'); 方法来 ...

  3. easy ui datagrid 增,删,改,查等基本操作

    如下图: ①列表信息图 ②添加信息图 ③修改信息图 html代码: <%@ Page Title="" Language="C#" MasterPageF ...

  4. jquery Easy UI Datagrid(数据网格)学习心德,附API

    第一步,引入主要的css样式和js文件 <meta http-equiv="Content-Type" content="text/html; charset=ut ...

  5. Jquery easy ui datagrid動態加載列問題

    1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数

  6. jquery easy ui datagrid中遇到的坑爹的問題。。。

    ; //修改 function Update() { //獲取選中行 var selected = $("#dg1").datagrid('getSelected'); //判斷是 ...

  7. JQuery Easy Ui DataGrid

    Extend from $.fn.panel.defaults. Override defaults with $.fn.datagrid.defaults. The datagrid display ...

  8. JQuery Easy Ui dataGrid 数据表格

    数据表格 - DataGrid 英文文档:http://www.jeasyui.com/documentation/index.php# 继承$.fn.panel.defaults,使用$.fn.da ...

  9. easy ui datagrid 获取选中行的数据

    取得选中行数据: var row = $('#tt').datagrid('getSelected'); if (row){ alert('Item ID:'+row.itemid+" Pr ...

  10. easy ui datagrid在没有数据时显示相关提示内容

    $(function () { $('#dg').datagrid({ fitColumns: true, url: 'product.json', pagination: true, pageSiz ...

随机推荐

  1. Linux中的终端、控制台、tty、pty等概念

    参考:http://news.newhua.com/news1/program_language/2010/623/10623141048745773199BCF0CFH6AKB9930IGCFKHB ...

  2. Android Sqlite 导入CSV文件 .

    http://blog.csdn.net/johnnycode/article/details/7413111 今天遇到 Oracle 导出的12万条CSV格式数据导入 Android Sqlite ...

  3. Linux下用dump实现备份和还原 ux下用dump实现备份和还原

    对于系统而言,我们可以有很多种办法去备份(还原)系统或文件,之所以要去做备份,就是为了在系统或文件遭到损害时,能及时恢复,把损失减小到最小.当然,对于企业服务器而言,备份的重要性是举足轻重.咱们今天就 ...

  4. cocos2dx 公告效果

    第一种方法: http://blog.csdn.net/jackystudio/article/details/12991977 [玩转cocos2d-x之十六]滚动字幕和公告 第二种方法: http ...

  5. Asp.Net 之 获取GridView行的DataKeys

    1.后台任意一个位置获取GridView行的主键值 foreach (GridViewRow row in GridView1.Rows) { string order_Id=this.GridVie ...

  6. Asp.Net 5使用Area及自定义Area

    Asp.Net Mvc里有一个叫做Area的技术,就是可以把不同逻辑组件的controller, view等放到不同的文件夹里.比如所有管理相关的都放到Admin area里.其实之前我一直对这个功能 ...

  7. Elasticsearch 搜索不到数据问题(_mapping 设置)

    需求 由于 kibana3 中,不支持直接在请求的 url 中设置搜索的 type (是不是我不知道???). 为了支持特定 type 的搜索,所以我设置了个下每个 panel 的查询语句,让它增加一 ...

  8. java基础学习总结二(标识符、字符集、数据类型以及类型转换)

    一:标识符 1:标识符可以由字母.数字.下划线_.$符等组成2:标识符的首字母只能是字母.数字.下划线3:标识符不能使用关键字或者保留字4:标识符可以是中文,但是不建议使用中文5:标识符可以任意长,没 ...

  9. Discuz论坛架构改造

    这个论坛一直通过NFS服务共享文件给三台web服务器做负载均衡. 在实际环境中WEB Server总是出现CPU负载突然升高.文件交互的网络流量异常.甚至WEB Server夯死,NFS不能卸载,只能 ...

  10. linux 远程工具

    SecureCRT SecureCRT官网地址:http://www.vandyke.com/products/securecrt/ Xmanager官方网址:http://www.netsarang ...