zoukankan      html  css  js  c++  java
  • datagrid在MVC中的运用06-固定连续列

    本文主要体验datagrid的frozenColumns属性。

    frozenColumns效果:
    在frozenColumns的列将保持不动,而其他列横向滚动。
    9

    □ frozenColumns效果实现的前提:
    1、给所有的列表上宽度,比如80
    2、frozenColumns中的列必须是从左侧开始,并且是连续的
    3、必须把datagrid的fitColumns属性设置为false

                $('#tt').datagrid({
                    url: 'Home/GetData',
                     380,
                    height: 350,
                    title: 'Book列表',
                    iconCls: 'icon-save',
                    //fitColumns: true,
                    rownumbers: true, //是否加行号
                    pagination: true, //是否显式分页
                    pageSize: 15, //页容量,必须和pageList对应起来,否则会报错
                    pageNumber: 2, //默认显示第几页
                    pageList: [15, 30, 45],//分页中下拉选项的数值
                    frozenColumns: [[ //保持不动的列
                        { field: 'ItemId', title: '主键', sortable: true, 100},
                        { field: 'ProductId', title: '产品编号', 100 }
                    ]],
                    columns: [[
                        //book.ItemId, book.ProductId, book.ListPrice, book.UnitCost, book.Status, book.Attr1                   
                        { field: 'Attr1', title: '属性', 80 },
                        { field: 'UnitCost', title: '成本价',  80 },
                        { field: 'ListPrice', title: '零售价',  80 },
                        { field: 'Status', title: '状态',  80 }
                    ]],
                    toolbar: '#tb,#tb1',//搜索div
                    queryParams: params //搜索json
  • 相关阅读:
    MySQL的字符编码体系(一)——数据存储编码
    poj 1659 Frogs' Neighborhood 度序列可图化 贪心
    POJ 1083 && HDU 1050 Moving Tables (贪心)
    cocos2d-x wp8 中文显示问题
    Linux多线程编程
    how tomcat works 五 servlet容器 上
    SecureCRT 选择Courier New等其他字体.
    如何设置secureCRT的鼠标右键为弹出文本操作菜单功能
    SecureCRT中文显示乱码
    ZooKeepr日志清理
  • 原文地址:https://www.cnblogs.com/darrenji/p/3574572.html
Copyright © 2011-2022 走看看