datagrid在MVC中的运用03-选择单行或多行
本文体验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'));
}