datagrid在MVC中的运用03-选择单行或多行
2014-02-28 13:38
501 查看
本文体验datagrid显示单行或多行内容。分别用到了datagrid的getSelected,getSelections方法。
Html部分
<a href="#" class="easyui-linkbutton" onclick="getSelected()">GetSelected</a>
<a href="#" class="easyui-linkbutton" onclick="getSelections()">GetSelections</a>
选择单行
//获取单行内容
function getSelected() {
//获取选中的行
var row = $('#tt').datagrid('getSelected');
if (row) {
$.messager.alert("单行结果", 'ItemId:' + row.ItemId + '\nPrice:' + row.ListPrice);
}
}
选择多行
/获取多行内容
function getSelections() {
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for (var i = 0; i < rows.length; i++) {
ids.push(rows[i].ItemId);
}
$.messager.alert("多行结果", ids.join('\n'));
}
Html部分
<a href="#" class="easyui-linkbutton" onclick="getSelected()">GetSelected</a>
<a href="#" class="easyui-linkbutton" onclick="getSelections()">GetSelections</a>
选择单行
//获取单行内容
function getSelected() {
//获取选中的行
var row = $('#tt').datagrid('getSelected');
if (row) {
$.messager.alert("单行结果", 'ItemId:' + row.ItemId + '\nPrice:' + row.ListPrice);
}
}
选择多行
/获取多行内容
function getSelections() {
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for (var i = 0; i < rows.length; i++) {
ids.push(rows[i].ItemId);
}
$.messager.alert("多行结果", ids.join('\n'));
}
相关文章推荐
- datagrid在MVC中的运用09-实现排序
- datagrid在MVC中的运用02-结合搜索
- datagrid在MVC中的运用06-固定连续列
- easyui datagrid 单行操作中的选择行和取消行
- datagrid实现单行的选择、取消
- jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页
- datagrid实现单行的选择、取消
- datagrid在MVC中的运用08-实现Master-Detail(使用子datagrid)
- datagrid在MVC中的运用04-同时添加搜索和操作区域
- [VB.NET]VB.net中winForm的dataGrid如何只能选择单行
- datagrid在MVC中的运用01-基本属性并实现分页
- AutoMapper在MVC中的运用03-字典集合、枚举映射,自定义解析器
- datagrid在MVC中的运用10-勾选
- datagrid在MVC中的运用05-加入时间搜索条件,枚举填充下拉框
- ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的
- jquery03-08城市选择案例
- 10-排序-03-选择排序
- 让Asp.NET的DataGrid可排序、可选择、可分页
- 如何选择ASP.NET MVC 还是 ASP.NET WEBFORM
- 在DataGrid中选择,确认,删除多行复选框列表