jquery easyui datagrid的一些用法

最新推荐文章于 2021-04-02 11:30:34 发布

转载最新推荐文章于 2021-04-02 11:30:34 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Loners/p/11477496.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用EasyUI的Datagrid插件进行数据选择、获取选中数据、删除单行或多行数据等常见操作，是进行网页表格数据管理的实用教程。

获取选中的多选数据
var rows = $('#Id').datagri('getSelections');

选中单行的数据
var row = $(#Id).datagrid('getSelected');

删除单行
var row = $('#Id').datagrid('getSelected');
    if (row) {
             var rowIndex = $('#Id').datagrid('getRowIndex', row);
             $('#Id').datagrid('deleteRow', rowIndex);  
     }
删除多行
var row = $('#Id').datagrid('getSelections');
    if (row) {
        for(var i=0; i<row.length;i++){
            var rowIndex = $('#Id').datagrid('getRowIndex', row[i]);
            $('#Id').datagrid('deleteRow', rowIndex);  
        }
     }