easyUI datagrid 数据加载时判断是否默认勾选checkbox

jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法 本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示: //事件 onLoadSuccess: function (data) { //模拟测试加载成功后数据Id大于20的都勾选中,并禁用checkbox for (var i = 0; i < data> 20) { dgObj.datagrid('checkRow', i); 立即下载

       今天大DC工会(页游工人物语)的土豪会长在使用easyUI的datagrid的时候遇到一个问题,需求如下:

         需要datagrid在加载数据的同时通过判断数据将满足条件的数据行的checkbox勾选上。

在数据量小的情况下可以通过在onloadsuccess中进行处理,在数据量较大的情况下这种方式就行不通了。和土豪一起试了各种方式还是没有找到datagrid自带的处理这类问题的方法(cobobox就有在加载的数据中包含selected属性就可以实现默认选中)。

既然没有现成的方法解决这个问题那就只有自己动手了,既然easyui是开源的那就自己来修改easyUI的源代码实现(变态)需求,要不然开源有啥意义呢偷笑。

代码修改如下:

easyUI 1.3.3        jquery.easyui.min.js 的8696行:

if(col.checkbox){
	cc.push("<input type=\"checkbox\" name=\""+_643+"\" value=\""+(_644!=undefined?_644:"")+"\"/>");
}

修改为

if(col.checkbox){
	if(col.checker&&col.checker(_641))
	{
		cc.push("<input type=\"checkbox\" name=\""+_643+"\" value=\""+(_644!=undefined?_644:"")+"\" checked=\"checked\" />");
	}
	else
		cc.push("<input type=\"checkbox\" name=\""+_643+"\" value=\""+(_644!=undefined?_644:"")+"\"/>");
}

然后在自己的datagrid定义中像使用fomatter一样在定义checkbox的列中加入

checker:function(row)
{
       return true;
}

这样基本就能实现这一(变态)需求了。

声明:该方法未经过充分的测试,如有bug概不负责,请慎用。

无利不起早,作为回报,强烈要求大土豪降低DC工会内部交易价格!大笑


scGPT实战指南:如何用生成式AI加速你的单细胞多组学研究? 本文提供了scGPT在单细胞多组学研究中的实战指南。详细介绍了从环境部署、数据预处理到细胞类型注释与扰动预测等核心任务的操作流程。通过利用生成式AI和Transformer基础模型,scGPT能够显著加速分析,并提升细胞注释的准确性及基因调控网络推断的深度,为研究人员提供了强大的AI分析引擎。 阅读详情

相关推荐

IC618新手避坑指南:从零在Linux上配置Cadence Virtuoso环境(含cds.lib文件详解)

本文详细介绍了在Linux系统上配置Cadence Virtuoso IC618环境的完整指南,特别针对新手常见问题提供解决方案。重点解析了cds.lib文件的关键配置,包括库路径定义和工艺库管理,并分享了高效工作流设置和典型问题排查技巧,帮助工程师快速搭建稳定的EDA设计环境。

weixin_26805597的博客 556

easyui:datagrid中的checkbox的实现

$("#tb_sysAttr").datagrid({ columns:[[ {field:'read',title:'可读',width:150,align:'center', formatter: function(value){ re...

weixin_41525190的博客 2054

Toeplitz矩阵以及矩阵乘法FFT加速

Toeplitz矩阵以及矩阵乘法FFT加速 1.Toeplitz矩阵 托普利兹矩阵,简称为T型矩阵,它是由Bryc、Dembo、Jiang于2006年提出的。托普利兹矩阵的主对角线上的元素相等,平行于主对角线的线上的元素也相等;矩阵中的各元素关于次对角线对称,即T型矩阵为次对称矩阵。这里我们使用matlab中自带的函数生成一个toeplitz矩阵的例子: x=[1 2 3 4]; y=[1 5 6 7 8 9]; z=toeplitz(x,y); 我们可以得到一个这样的矩阵结果: 我们可以看到,其中x中

thlz 5069

jQuery EasyUI DataGrid Checkbox 数据设定与取值

纯粹做个记录,以免日后忘记该怎么设定。 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数据列的 Checkbox 设定为 Checked,另外就是两种 Checkbox 设定方式下如何取得有勾选的数据。 有关 jQuery EasyUI DataGrid 的相关资料,可以前往...

架构设计 878

反激系列-详细到每个容阻的原理之RCD吸收(1)

1、漏感尖峰电压会被RCD吸收,漏感能量一定,电容越大,电容充电的电压就越低,吸收能力就越强,MOS漏极的电压就越低。2、在漏感能力释放完之后(这个过程一般只有一个周期的3%时间),是要通过R1释放掉电容吸收的能量的,把电容的电压降下来方便下一次漏感尖峰来之前再进行吸收。3、电容容量和电阻需要合理搭配,容量足够即可,足够能吸收漏感尖峰电压,不至于超过MOS耐压。电阻需要足够小,小到在放电阶段把电容电压下降到MOS的电压平台。

Cuxiaoweiba的博客 3万+

AutoDock Vina多配体对接 (Simultaneous Multiple Ligand Docking)

多配体分子对接(Simultaneous Multiple Ligand Docking, SMLD)或(Multiple Ligand Simultaneous Docking, MLSD)是一种分子对接技术,用于将多个配体(小分子药物候选物)同时对接到一个蛋白质分子的结合位点。与传统的分子对接技术不同,传统方法通常只考虑一个配体与一个蛋白质的相互作用。SMLD的目标是更高效地研究多个配体如何与同一个蛋白质相互作用,以寻找潜在的药物候选物。

MurphyStar的博客 7146

easyui datagrid checkbox

easyui datagrid 中本身有checkbox列的属性设置,在使用中发现分页的时候这个checkbox的选择很有问题,比如在第二页点了全选,到第三页的时候,竟然也是选择状态,并且还不是所有选择,有一两个没有选择的,于是就手工在数据源中组织出checkbox,然后手工加上选择代码<table id="tt" cellspacing="0" cellpadding="0">

随记 4421

保姆级教程:在S32K312上配置C40驱动,实现Flash读写(基于RTD 4.4.2)

本文详细介绍了在S32K312微控制器上配置C40驱动实现Flash读写的全流程,基于RTD 4.4.2库。内容涵盖环境搭建、外设配置、Flash操作实战代码及高级应用场景,特别针对LLD驱动和FLS存储操作中的常见问题提供了解决方案,帮助开发者快速掌握嵌入式Flash存储技术。

weixin_28684757的博客 259

EASYUI DATAGRID 多列复选框CheckBox

主要实现: 用的 easyui 1.3.2 实现多个复选框列,各列互不影响。能够实现全选。主要部门用红色标记了的。 easyui datagrid 初始化: <script> function initTableGMAL() { $("#dg_gmal").datagrid({ url: "/Manager/Pub...

weixin_30576827的博客 515

EPLAN电气设计精华 -模拟量传感器画法全解

本文介绍了EPLAN中模拟量压力传感器的标准画法要点,重点解析了电流型(4-20mA)、电压型(0-10V/0-5V)和特定应用型三种传感器的核心特点、典型符号、接线方式及应用场景。文章提供了EPLAN设备标识符示例,并分享了一个实际项目案例(XJC-Y01-20-4M传感器配合XJC-608T-F变送器和GSEE.GXLK-AI4S-I模块的应用),强调绘制前查阅技术资料的重要性。内容简明实用,有助于规范电气设计中的传感器绘制。

Qinmingyue13的博客 1183

485芯片AB波形正负半周的问题探讨

      本人做的一个产品,产品的其中一个接口是RS485的,我们使用的芯片是MAX13487E。MCU是STM32F103,MCU的USART通过光耦隔离后,接到MAX13487E。因为STM32F103的VCC是3.3V的,MAX13487E的VCC是5V。      部分原理图如下,上述部分电路参考了官方的参考设计,现在测试的AB波形时候发现如下问题。1.把R10和R16改为1k,示波器C...

qq_26308521的博客 1万+

easyui DataGrid checkbox 根据后台传递过来的数据进行勾选

function loadMessage() { $('#pressure').datagrid({ height: 500, url: '/Home/RealtimeData', method: 'POST', //queryParams: { 'id': OBJECTID }, idField: 'ID',...

kaleid_liner的博客 9030

Doris实战——结合Flink构建极速易用的实时数仓

Doris实战——结合Flink构建极速易用的实时数仓

爱吃辣条的博客 8234

easyui datagrid editor checkbox 选中

easyui datagrid editor checkbox 选中

Love丶兰的博客 9739

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

关于easyui checkbox 的一些操作处理

1、easyui在每一行加checkbox   { field: 'id', title: '编号', checkbox: true } 2、easyui分页时记住前面已选的checkbox   设置easyui的dField属性   dField: 数据字段,一般为主键或唯一确定的字段 3、获取已勾选的行:   var rows = $('#datagrid').datagrid('getChe...

u011927449的博客 2841

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

【EasyUI DataGrid】实现跨页保持多选checkbox状态

&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;为了实现对EasyUi DataGrid的批量操作,需要对多行的数据进行选中,经过测试发现一个问题:进行多选的时候,经过翻页,上一页的数据选择状态被清空。然而在实际中这是不符合要求的,我们经过翻页上一页数据的选中状态应该仍然保持选中,而不是被清除。 &amp;nbsp;&amp;nbsp;&amp

wilson_m的博客 4696

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

easyui datagrid checkbox单选时表头的checkbox不起作用,将其隐藏

在easyui datagrid开发的过程中,某列是checkbox的,但是当单选时这个表头的框不起作用,将其隐藏。在网上找到的方法。  function InitGrid() {         $('#tg').treegrid({             idField: 'id',             treeField: 'descript',             pa

ZhangYingForever的专栏 5792

easyui datagrid checkbox 多选获取的数据不正确

问题描述:easyui datagrid checkbox进行多选的时候,获取的数据与选择的数据不一致,有的时候一条数据,有的时候多条数据。 根源:easyui datagrid 设置了 idField 列造成的。 解决:使用好 idField 列,或者去掉这个配置。 如下: $('#dg_taskgrid') .datagrid( { remoteS...

kanpiaoxue的专栏 574

easyUI-Datagrid设置checkbox时默认选中

easyui的datagrid的行设置为checkbox时,设置默认选中 onLoadSuccess:function(row){//当表格成功加载时执行 var rowData = row.rows; $.each(rowData,function(idx,val){//遍历JSON if(val.okflag==1){

泓 1万+

EasyUI中DataGrid的checkbox判断是否选中

序言 EasyUI中的DataGrid功能很强大,提供了非常丰富的属性、事件等方法等 EasyUI Datagrid 数据网格 但是有些功能使用不方便。例如提交表格所有数据,且后台更具数据的是否选中做区别处理 由于个人才疏学浅,采取曲线救国策略解决问题 解决处理 表格代码如下 ('#dg').datagrid({ url:'', singleSelect:true, checkOnSelect:false, selectOnCheck:false, columns:[

u013059089的博客 2907

jquery easyui datagrid 加载成功,选中某一行

转载来自:http://hae.iteye.com/blog/2101865 query easyui datagrid 加载成功,选中某一行 博客分类:  JQuery jqueryeasyuidatagrid数据加载  1.首先你需要设置datagrid的onLoadSuccess $('#dg').datagrid({onLoadSuccess :

说:/~不了的专栏 8617

easyui datagrid 引用checkbox失效

page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>     style type="text/css">     .div-table{     margin-top: 0px;     }     .div-table-top,.div-table{

沈荣荣的博客 2786

EasyUI DataGrid加载数据时,checkbox自动选中指定几行,通过数据源data实现checkbox自动选中...

通过分析官方源码,发现easyui的datagrid加载数据时根据行字段"checked"来进行选中状态的判定, 这样我们就可以 在datagrid数据源data中行数据增加一字段:"checked",值设置为true即可,这样easyUI的datagrid加载数据时就会自动选中行(checkbox选中) 别慌!!! 还有行选中效果需要实现,否则无法通过 $("...

846

easyui数据表格显示复选框_EasyUI DataGrid 复选框

使用checkbox,用户可以选定/取消数据行。添加checkbox列,我们简单的添加列的checkbox属性,并且设置为true。代码像这样:$('#tt').datagrid({title:'CheckboxSelect',iconCls:'icon-ok',width:600,height:250,url:'datagrid_data.json',idField:'itemid',colu...

weixin_42311115的博客 2490
上一篇: JSP自定义标签(三) 多选控件(3)
下一篇: MY97日期选择控件支持日期CTRL多选
carroll0911
博客等级 码龄17年 27粉丝 41原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值