gridview

最新推荐文章于 2025-03-10 20:10:22 发布

weixin_30832405

最新推荐文章于 2025-03-10 20:10:22 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zecVip/p/4906582.html

本文介绍如何使用JavaScript操作Datagrid组件，实现根据特定条件（此例为fCuOpenEditPage）批量删除指定行，并在删除后重新加载Datagrid的数据。通过遍历Datagrid的所有行，找到匹配条件的行并移除，然后添加一行默认数据以保持Datagrid的基本结构。代码示例中展示了如何使用Datagrid的方法，如`getRows()`、`getRowIndex()`和`deleteRow()`等进行操作。

if ($("#selEvent").val() == "fCuOpenEditPage") {
                var rows = $('#dgcuinit').datagrid("getRows"); //获取所有行
                for (var i = 0; i < rows.length; i++) {
                    var index = $('#dgcuinit').datagrid('getRowIndex', rows[i]); //通过行号移除该行
                    $('#dgcuinit').datagrid('deleteRow', index);
                }
                $('#dgcuinit').datagrid({
                    columns: [[
                    { field: 'surl', title: '网址', width: 100, editor: 'text' },
                    { field: 'name', title: '名称', width: 100, editor: 'text' },
                    { field: 'width', title: '宽度', width: 100, editor: { type: 'numberbox'} },
                    { field: 'pageSize', title: '高度', width: 100, editor: { type: 'numberbox'} }
                ]]
                });
                //加载第一行
                $('#dgcuinit').datagrid('appendRow', { surl: '', name: "", width: "", height: "" });

            }

View Code

转载于:https://www.cnblogs.com/zecVip/p/4906582.html