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'));
        }