datagrid在MVC中的运用06
浏览数：33 /
时间：2015年06月09日
本文主要体验datagrid的frozenColumns属性。
□ frozenColumns效果：
在frozenColumns的列将保持不动，而其他列横向滚动。
□ frozenColumns效果实现的前提：
1、给所有的列表上宽度，比如width:80
2、frozenColumns中的列必须是从左侧开始，并且是连续的
3、必须把datagrid的fitColumns属性设置为false
$(‘#tt‘).datagrid({ url: ‘Home/GetData‘,width: 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, width:100}, { field: ‘ProductId‘, title: ‘产品编号‘, width:100 }]],
columns: [[
//book.ItemId, book.ProductId, book.ListPrice, book.UnitCost, book.Status, book.Attr1 { field: ‘Attr1‘, title: ‘属性‘, width:80 }, { field: ‘UnitCost‘, title: ‘成本价‘, width: 80 }, { field: ‘ListPrice‘, title: ‘零售价‘, width: 80 }, { field: ‘Status‘, title: ‘状态‘, width: 80 }]],
toolbar: ‘#tb,#tb1‘,//搜索div
queryParams: params //搜索json
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
