miniui <div type="checkcolumn"></div>的事件

最新推荐文章于 2023-05-09 16:14:09 发布

xiaoai

最新推荐文章于 2023-05-09 16:14:09 发布

阅读量1.6w

点赞数

CC 4.0 BY-SA版权

分类专栏： java 文章标签： function eclipse

本文链接：https://blog.csdn.net/Name_xiaoai/article/details/27309591

java 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了一个基于nui框架的网格数据选择更新功能的实现方法。当用户从表格中选择一行或多行记录时，该功能能够根据所选行数禁用或启用更新按钮。此外，还展示了如何配置一个具有多种特性的数据表格，如多选功能、自定义列显示等。

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

function selectionChanged(){
       var rows = grid.getSelecteds();
       if(rows.length>1){
           nui.get("update").disable();
           
       }else{
           nui.get("update").enable();
           
       }
    }

  <div class="nui-fit">
	 <div id="datagrid1" class="nui-datagrid" style="width:100%;height:100%;" idField="id"
	  url="<%=contextPath%>/jxjc/qc/query.do"
	  sizeList=[5,10,20,50,100] multiSelect="true" pageSize="10" onselectionchanged="selectionChanged">
	    <div property="columns" >
	      <div type="indexcolumn"></div>
	      <div type="checkcolumn"></div>
	      <div field="xn" headerAlign="center">学年</div>
	      <div field="xq" headerAlign="center">学期</div>
	      <div field="jsxm" headerAlign="center">教师姓名</div>
	      <div field="jcr" headerAlign="center">检查人</div>
	      <div field="jcrq" headerAlign="center">检查日期</div>
	    </div>
	 </div>
  </div>