EasyUI中checkbox数据回显

最新推荐文章于 2022-08-24 15:52:19 发布

原创最新推荐文章于 2022-08-24 15:52:19 发布 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在EasyUI框架中实现Checkbox的数据回显功能。重点在于将选中的数据ID以字符串形式传递，并在页面加载成功后通过调用自定义函数selectAll()实现数据的回显。此方法适用于需要保存和恢复用户选择状态的场景。

问题描述
EasyUI中checkbox数据回显，选中确定后，再次进入勾选选中是数据
解决方法
确定后需要把选中的数据id传到后台，以字符串的形式存在map中，多个id用逗号隔开，把值传到页面；
把传过来的值存在input框中，需要在js里面$(function(){
grid = $(’#gridEventSituation’).datagrid({
}）}）方法中用
onLoadSuccess:function(){
selectAll();
},
去调用回显函数selectAll()；
调用js里面的数据回显函数

//数据回显
function selectAll(){
	   var strVMJoinUserIdOld = $("input[name='strVMJoinUserId']").val(); //用el表达式获取在控制层存放的复选框的值为字符串类型
	   var boxObj = "";
	   if(strVMJoinUserIdOld != ""){
		   $("input[name='strMemberId']").prop('checked', false); //切换下拉选项时，清空所有选中状态
		   boxObj = $("input:checkbox[name='strMemberId']");  //获取所有的复选框
	   }
	    var express = strVMJoinUserIdOld.split(','); //去掉它们之间的分割符“，” 
	    for(i=0;i<boxObj.length;i++){
	       for(j=0;j<express.length;j++){            
	           if(boxObj[i].value == express[j])  //如果值与修改前的值相等
	           {
	               boxObj[i].checked= true;
	               break;
	           }
	       }
	    }          
}