datagrid在MVC中的运用03-选择单行或多行

最新推荐文章于 2022-06-08 16:58:56 发布

weixin_34109408

最新推荐文章于 2022-06-08 16:58:56 发布

阅读量144

点赞数

文章标签：测试

本文介绍使用datagrid组件进行单行和多行内容选择的方法，包括如何通过getSelected和getSelections函数获取所选行的数据，并展示具体实现代码。

本文体验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'));
        }