miniUI DataGrid编辑后事件代码示例

本文介绍如何使用miniUI框架中的DataGrid组件,并通过示例代码展示了如何监听单元格编辑结束事件来触发特定的功能函数,如累加申请开票金额等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、miniUI官方API文档 

 二、示例

    mini.parse();//解析为miniUI
      var grid = mini.get("cellId264_MiniDataGrid");//通过DataGrid的id值获取DataGrid对象
      if(isBG == '1'){
          grid.on("cellendedit", function (e) {
              setSqkpje('1');//累加申请开票金额--每次DataGrid中的表格编辑后事件执行的方法。
          });    
      }else{
          grid.on("cellendedit", function (e) {
             setSqkpje('0');//累加申请开票金额
         });    
     }

 

转载于:https://www.cnblogs.com/CryOnMyShoulder/p/7700625.html

### MiniUI DataGrid 组件全选事件的实现 在 MiniUI 中,`DataGrid` 是一个非常重要的表格组件,支持多种交互操作。为了实现全选功能,通常会结合 `checkbox` 列和相关事件来完成。以下是具体的实现方法: #### 实现思路 1. **定义 Checkbox 列**:通过配置 `columns` 属性中的 `type: 'chk'` 来启用复选框列。 2. **绑定全选事件**:利用工具栏上的全选按钮触发逻辑,更新所有行的状态。 3. **监听选择变化事件**:使用 `selectionchanged` 或其他相关事件捕获用户的勾选行为。 #### 示例代码 以下是一个完整的示例代码片段,展示如何实现 `DataGrid` 的全选功能: ```javascript // 初始化 DataGrid 表格 var grid = new mini.DataGrid({ id: "datagrid1", url: "../data/DataService.aspx?method=GetData", // 数据源接口 columns: [ { header: "<input type='checkbox' onclick='onCheckAll(this)' />", type: 'chk', width: 40 }, // 添加 checkbox 列 { field: 'id', header: 'ID', width: 80 }, { field: 'name', header: 'Name', width: 150 } ], onSelectionChanged: function () { var rows = this.getSelecteds(); // 获取当前已选中的行 console.log("Selected Rows:", rows); } }); grid.render(); // 全选/取消全选函数 function onCheckAll(ck) { var isChecked = ck.checked; var allRows = grid.getAllRows(); if (isChecked) { grid.selectRows(allRows); // 勾选全部行 } else { grid.unselectRows(allRows); // 取消勾选全部行 } } ``` #### 关键说明 - 复选框列可以通过 `{ type: 'chk' }` 定义[^1]。 - 工具栏中的 `<input type='checkbox'>` 被点击时,调用 `onCheckAll` 函数控制全选状态。 - 方法 `grid.selectAll()` 和 `grid.unselectAll()` 分别用于批量选择或取消选择所有行[^2]。 --- ### 注意事项 1. 如果需要动态刷新数据并保持全选状态,需重新调用 `onCheckAll(true)` 更新视图。 2. 当前示例假设服务器返回的数据结构为标准 JSON 格式,实际开发中可能需要适配具体业务需求。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值