easyUI中datagrid加载(更新)数据及默认选中所有复选框

最新推荐文章于 2023-03-08 15:58:58 发布
最新推荐文章于 2023-03-08 15:58:58 发布
阅读量277 收藏
点赞数
文章标签： easyui python checkbox html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huckers/article/details/122921413
版权 
toolbar:[{

       iconCls: 'icon-add',

    text:'确认选择',

    handler: function(){

     var rows = $("#addScore_tb").datagrid("getSelections");

     if(rows.length==0){

      $.messager.alert('提示','请选择要加分的学生');

     }else{

      $("#addScore_stusInfo").datagrid("loadData",rows);//将复选选中的数据rows加载到另一个datagrid中

      $("#addScore_stusInfo").datagrid("selectAll");//选中所有复选框
      

      $('#addScore_selectStudd').dialog("close");

     }

    }

      },'-',{

    iconCls: 'icon-edit',

    text:'返回',

    handler: function(){

     $('#addScore_selectStudd').dialog("close");

    }

   }]

$("#addScore_stusInfo").datagrid("loadData",rows); //将复选选中的数据rows加载到另一个datagrid中

$("#addScore_stusInfo").datagrid("selectAll"); //选中所有复选框

效果如下：

火狐截图_2017-01-10T01-41-05.830Z.png

火狐截图_2017-01-10T01-42-19.116Z.png

huckers
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui数据表格显示复选框_EasyUI DataGrid 复选框
weixin_42311115的博客
01-13 2218
使用checkbox，用户可以选定/取消数据行。添加checkbox列，我们简单的添加列的checkbox属性，并且设置为true。代码像这样：$('#tt').datagrid({title:'CheckboxSelect',iconCls:'icon-ok',width:600,height:250,url:'datagrid_data.json',idField:'itemid',colu...
JS EasyUI DataGrid动态加载数据
03-15
在实际应用中，动态加载数据是DataGrid的一个重要特性，允许用户在需要时加载更多的数据，提高网页性能并优化用户体验。 动态加载数据通常指的是懒加载（Lazy Loading）机制，即只在用户滚动到数据视图的底部或者...
easy ui datagrid checkbox 默认选中问题
u011146515的专栏
12-08 9175
$('#dg').datagrid({ url : '', //fitColumns : true,//使用该属性后不能用冻结列 border : false,//定义边框 rownumbers:true,//显示行号 pagination : true,//定义分页组件 idField : 'id', pageSize :10,
easyUI-Datagrid设置checkbox时默认选中
热门推荐
泓
08-22 1万+
easyui的datagrid的行设置为checkbox时，设置默认选中 onLoadSuccess:function(row){//当表格成功加载时执行 var rowData = row.rows; $.each(rowData,function(idx,val){//遍历JSON if(val.okflag==1){
easyUI datagrid 数据加载时判断是否默认勾选checkbox
Core_Star的专栏
10-15 1万+
今天大DC工会（页游工人物语）的土豪会长在使用easyUI的datagrid的时候遇到一个问题，需求如下：          需要datagrid在加载数据的同时通过判断数据将满足条件的数据行的checkbox勾选上。 在数据量小的情况下可以通过在onloadsuccess中进行处理，在数据量较大的情况下这种方式就行不通了。和土豪一起试了各种方式还是没有找到datagrid自带的处理这类问题的
easyui datagrid 控件全选
wy01272454的博客
06-28 1万+
easyui datagrid 控件全选 在datagrid控件中全选功能都是easyUI给做好的,只需要将负责全选的复选框设置下面的这个属性为false属性即可全部选中 singleSelect:false; 然后通过getChecked获取选中的数据就可以了 var selRows = $(datagridName).datagrid('getChecked');
easyui datagrid 默认选中行(3)
yb305
01-12 1万+
1.默认选中行   $('#dg').datagrid('selectRow',index);//   注释：index：当前行的索引 2.获取选中行的值     var row = $('#dg').datagrid('getSelected');   3.选中一行 datagrid属性设置 singleSelect：true;
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
1. 分页加载：不要一次性加载所有数据，而是采用分页的方式，只加载用户当前看到的数据，降低前端负担。 2. 数据懒加载：只有当用户滚动到页面底部时，才请求下一页数据，这种方式称为无限滚动。 3. 使用服务器端...
扩展easyui.datagrid，添加数据loading遮罩效果代码
12-09
在使用的过程中，发现easyui目前还缺少一些小功能或是未开放出来 拿datagrid插件来说，数据加载提供了两种方式远程和本地数据加载，但只有远程数据加载时才会显示数据加载的遮罩层，在数据加载完成后隐藏遮罩层；...
EasyUI的DataGrid绑定Json数据源的示例代码
10-18
本篇文章主要介绍了EasyUI的DataGrid绑定Json数据源的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
easyUI数据表格datagrid翻页后默认选中第一行
steven_zhan的博客
04-20 1971
EasyUI datagrid默认勾选checkbox时注意事项
weixin_34375233的博客
02-18 1061
在使用easyui的datagrid默认选中复选框时遇到的一个问题：就是加载程序默认选中复选框时死活选不中，查了好多资料才知道是easyui的datagrid的singleSelect属性设置为‘true’时，datagrid的选中复选框$("#tbProjectList").datagrid( 'checkRow', index);不起作用。只有将singleSelect属性设置为‘fals...
EasyUI中DataGrid的checkbox判断是否选中
u013059089的博客
04-01 2502
序言 EasyUI中的DataGrid功能很强大，提供了非常丰富的属性、事件等方法等 EasyUI Datagrid 数据网格 但是有些功能使用不方便。例如提交表格所有数据，且后台更具数据的是否选中做区别处理 由于个人才疏学浅，采取曲线救国策略解决问题 解决处理 表格代码如下 ('#dg').datagrid({ url:'', singleSelect:true, checkOnSelect:false, selectOnCheck:false, columns:[
datagrid全选
一只很酸de橘子
03-08 589
easyui datagrid全选
easy-ui data-options 怎样初始化checkbox为已选？
china165的专栏
01-09 2294
下面的更好用，可根据后台数值做单行判断 {field:'ck',checkbox:true}, {field:'ck',formatter:function(value,rec){ return ''; }},
Easyui datagrid 获取所有行
大柱子
03-07 9712
var rows = $("#datagridID").datagrid("getRows"); 这段代码是获取当前页的所有行。 for(var i=0;i<rows.length;i++) { //获取每一行的数据 alert(rows[i].id);//假设有id这个字段 } ...
easyui DataGrid checkbox 根据后台传递过来的数据进行勾选
qq_40435659的博客
04-09 1679
 [javascript] view plain copyfunction loadMessage() {      $('#pressure').datagrid({          height: 500,          url: '/Home/RealtimeData',          method: 'POST',          //queryParams: { 'id': ...
Easyui datagrid加载数据时默认全选的问题
weixin_34223655的博客
07-18 716
问题描述: 最近使用Easyui datagrid 展示数据,之前一直使用很正常,今天出现了一个怪异问题 加载数据后,只要点击选中列 ck 的任意行或多行,再刷新时整个datagrid的所有数据都 自动处于全选状态 解决方法: 1.百度查一下有没谁遇到此问题,居然没有找到相关问题(懒人办法). 2.自已检查:经过检查代码发现,原来的绑定的主键是无效字段....
获取easyUI的datagrid的复选框的选中状态true/false
martin9wind的博客
12-04 4634
$("#"+datagridId).parent().find("div.datagrid-cell-check").children("input[type='checkbox']").eq(index).is(':checked') 注：获取复选框的选中状态：$("#"+id).is(':checked')
datagrid只能勾选复选框才算被选中
最新发布
06-07
是的，jQuery EasyUI 的 Datagrid 控件默认情况下只有勾选复选框才算是选中了某一行数据。如果想要通过单击行来选中数据，可以使用其提供的 `onClickRow` 事件。 具体来说，可以在初始化 Datagrid 的时候添加 `onClickRow` 事件回调函数，在这个回调函数中手动勾选对应行的复选框，然后修改行的样式以表示当前行被选中。示例代码如下： ```javascript $('#datagrid').datagrid({ // 其他配置项 onClickRow: function(rowIndex, rowData) { // 手动勾选复选框 $(this).datagrid('checkRow', rowIndex); // 修改行的样式 $(this).datagrid('getPanel').find('.datagrid-row-selected').removeClass('datagrid-row-selected'); $(this).datagrid('getPanel').find('.datagrid-row').eq(rowIndex).addClass('datagrid-row-selected'); } }); ``` 这样，用户单击某一行时，会自动勾选对应的复选框，并修改行的样式以表示当前行被选中。需要注意的是，这里使用了 `getPanel` 方法来获取 Datagrid 的 DOM 对象，然后再使用 jQuery 的 `find` 方法查找行元素并修改样式。如果你的样式类名不同，需要根据实际情况进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值