datagrid在MVC中的运用10-勾选
2014-03-02 22:30
267 查看
本文体验与勾选有关的特性。
需要加载的books.json
效果:
可见,默认状态下:
可以多选
勾选会选择行
选中行会勾选
需要加载的books.json
展开$('#tt').datagrid({ url: '@Url.Action("GetData","Customer")', width: 730, height: 400, title: 'Customer列表', fitColumns: true, rownumbers: true, //是否加行号 pagination: true, //是否显式分页 pageSize: 15, //页容量,必须和pageList对应起来,否则会报错 pageNumber: 2, //默认显示第几页 pageList: [15, 30, 45],//分页中下拉选项的数值 columns: [[ //CustomerID,CompanyName,ContactName,ContactTitle,Country,Region,Address,Fax,Phone,City {field: 'ck', checkbox: true}, { field: 'CustomerID', title: '编号',sortable: true }, { field: 'CompanyName', title: '客户名称', sortable: true }, { field: 'ContactName', title: '联系人名称', sortable: true }, { field: 'ContactTitle', title: '职位', sortable: true }, { field: 'Address', title: '地址', sortable: true }, { field: 'City', title: '城市名称', sortable: true }, { field: 'Region', title: '区域' }, { field: 'Country', title: '国家' }, { field: 'Phone', title: '电话', sortable: true }, { field: 'Fax', title: '传真', sortable: true } ]], queryParams: params, //搜索json对象 sortName: 'CustomerID', //初始排序字段 sortOrder: 'asc' //初始排序方式 });
效果:
可见,默认状态下:
可以多选
勾选会选择行
选中行会勾选
相关文章推荐
- datagrid在MVC中的运用08-实现Master-Detail(使用子datagrid)
- datagrid在MVC中的运用02-结合搜索
- datagrid在MVC中的运用03-选择单行或多行
- datagrid在MVC中的运用06-固定连续列
- datagrid在MVC中的运用09-实现排序
- datagrid在MVC中的运用01-基本属性并实现分页
- datagrid在MVC中的运用04-同时添加搜索和操作区域
- jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页
- datagrid在MVC中的运用05-加入时间搜索条件,枚举填充下拉框
- MVC+EF(10)
- easyui datagrid+springmvc+json来进行分页处理
- 基于MVC+EasyUI的Web开发框架经验总结(9)--在Datagrid里面实现外键字段的转义操作
- MVC中t4模板在视图中的运用,创建自定义视图的t4模板
- 10、ASP.NET MVC入门到精通——Model(模型)和验证
- MVC+Easyui+EF datagrid显示所有数据(1)
- JavaWeb_10_mvc案例_注册登录
- Java【多线程知识总结(10)】线程通信之wait()与notify()的运用--模拟指挥官指挥2个连队交替轰炸战区
- js系列(10)js的运用(二)
- 说说 mvc 模式的原理,它在 android 中的运用。
- 【Spring学习笔记-MVC-10】Spring MVC之数据校验