DhtmlxGrid首行设置复选框和行号的方法

最新推荐文章于 2021-08-08 16:04:56 发布
最新推荐文章于 2021-08-08 16:04:56 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： web struts2 文章标签： dhtmlxgrid cntr master_checkbox 行号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lrl_cc/article/details/84122856
版权
本文介绍了如何在DhtmlxGrid中设置首行的复选框和行号，作者从自己的编程经验出发，分享了使用DhtmlxGrid代替ExtjsGrid的原因，并给出了在jsp页面中引用和初始化表格的JavaScript代码，帮助读者理解实现这一功能的步骤。
摘要由CSDN通过智能技术生成

本人属于菜鸟型的，但是爱好写程序，没事的时候一直喜欢研究一些技术方面的内容。

以前用ExtjsGrid，不过这个确实比较大，而且用起来不是很快。所以一直在找替代的东西。

经朋友介绍用了免费的DhtmlxGrid，不过有些东西需要专业版，专业版在哪里下载，不用我说的吧，呵呵。

下面的图是我弄出来的效果图。

 

首先是简历自己的页面，我用的是jsp，在页面的头部引用下面的代码。

这些代码根据自己的实际需要可以去掉一部分。

	<link type="text/css" rel="stylesheet" href="public/css/main.css" />
	<script type="text/javascript"	src="public/js/jquery-1.4.4.js"></script>
	<script type="text/javascript" src="public/dhtmlxPro/dhtmlxcommon.js"></script>	
	<script type="text/javascript" src="public/dhtmlxPro/dhtmlxtoolbar.js"></script>
	<link rel="stylesheet" type="text/cs
最低0.47元/天 解锁文章
lrl_cc
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DhtmlxGrid 分页的自定义模板，DhtmlxGrid复选框多选整行 dhtmlxgrid自定义按钮
09-14
DhtmlxGrid的自定义的分页样式，不是他们内部的三种皮肤分页； 本篇还有dhtmlxgird没有的复选框选中整行的效果，dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的操作，因此本篇已将其优化； 经测验基本需求符合，但是本篇还是存在一些小bug，比如：全选后会选择全部行（包括分页后面的），所以还是希望大家一起探讨修复，希望多多留言，评论，谢谢合作
dhtml--复选框组件
大Z小z的博客
05-15 396
dhtml--复选框组件 function getSum(){ var sum = 0; var collItemNodes= document.getElementsByName("item"); for(var i=0;i if(collItemNodes[i].checked){ sum+=parseInt(collItemNodes[i].value); }
DhtmlxGrid 分页的自定义，DhtmlxGrid复选框多选整行
09-14
DhtmlxGrid的自定义的分页样式，不是他们内部的三种皮肤分页； 本篇还有dhtmlxgird没有的复选框选中整行的效果，dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的操作，因此本篇已将其优化； But，本篇还是存在一些小bug待大家一起探讨修复，希望多多留言，谢谢合作
dhtmlXGrid复选框点击事件
Uluoyu的博客
08-08 701
dhtmlXGrid复选框点击事件 var mygrid; //加载初始界面 $(function () { mygrid = new dhtmlXGridObject('tdh_colour'); mygrid.setImagePath(getUrlPath() + "/static/plugg/dhtmlx/dhtmlxGrid/codebase/imgs/"); mygrid.setHeader("#master_checkbox,状态,查看,编辑,案号,被执行人,证件类型,证
DHTMLX grid
iteye_9165的博客
04-16 329
var mygrid=new dhtmlXGridObject('gridbox'); 常用方法： 1.mygrid.addRow(new_id, text, ind) -- 添加一行，参数（新行ID，以逗号分隔的cell值字符串，插入到的行序号） 2.mygrid.cells(row_id, col) -- 通过行ID，列下标 确定cell对象 mygrid.cell...
dhtmlxGrid 添加行号详细步骤
10-27
在使用dhtmlxGrid时，有时我们需要为表格添加行号，以便用户更好地跟踪和理解数据。下面我们将详细探讨如何在dhtmlxGrid中实现这一功能。 一、添加行号的效果 在dhtmlxGrid中添加行号后，每一行数据前面都会有一个...
dhtmlxgrid
11-07
5. **扩展性**：DHTMLXGrid支持添加自定义列类型、工具栏按钮和右键菜单，可以灵活扩展其功能。 6. **数据导出**：可以将表格数据导出为CSV、Excel、PDF等多种格式。 7. **集成其他DHTMLX组件**：如DHTMLXChart，...
Delphi DBgrideh 复选框功能示例.rar
07-10
Delphi Ehlib DBgrideh 复选框功能示例,Delphi报表控件中的一个复选框组件功能，不过看上去包括了很多控件，应该是Ehlib控件的源码包，有些控件有些老了，不过新版控件并不一定就是最好用的，我还是喜欢一些比较经典...
易语言编辑框加行号模块
08-16
易语言编辑框加行号模块源码 系统结构:编辑框加行号,LineNumber_Init,LineNumber_OnMessage,LineNumber_WindowProc,LineNumber_OnNcCalcSize,LineNumber_DrawLine,LineNumber_SetRect,CRect,FillSolidRect,...
JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
weixin_33916256的博客
06-21 90
这节讲述多选框的使用，当然，肯定是结合css和Javascript一起的。 checkbox的使用1： 演示代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8...
dhtmlx使用翻译（七）dhtmlxgrid 选择/过滤操作
刀光剑影
06-28 3578
1.1.144clearSelection版本：大众版参数：用途：清除grid中选中的行数据参考实例：mygrid.clearSelection();1.1.145enableBlockSelection(mode)版本：大众版 需要dhtmlxgrid_selection.js支持参数：mode：true/false用途： grid中选中的行数据是否变黑参考实例：1.1.146enableMultiselect (state)版本：大众版 需要dhtmlxgrid_selection.js支持参数：mod
GridView中CheckBox实现全选或反选功能的方法
热门推荐
yl_99的专栏
06-03 1万+
方法一：添加一个模板列TemplateField.然后,切换到源代码进行后续的编辑.在GridView控件中刚刚生成的 标签对之间,添加一个标签对和标签对.我们利用在列头处显示一个checkbox,用这个checkbox来触发全选和全不选的事件.而在中添加的checkbox则会显示在每一条数据行中.下面来看源代码:                                        
dhtmlxGrid 的入门学习
huoku的专栏
04-07 2030
<br />1、在页面必须引用的文件：<br /> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css"><br />    <script src="codebase/dhtmlxcommon.js"></script><br />    <script src="codebase/dhtmlxgrid.js"></script><br />    <script src="codebase/dhtmlxgridcell
DHTML技术演示--- 简答复选框，邮箱复选框学习
weixin_37720904的博客
05-14 526
一个简单的复选框，和 邮箱中收件箱批量管理的功能
dhtmlx使用翻译（四）dhtmlxgrid 行操作
刀光剑影
06-23 9469
1.1.56 addRow (new_id, text, ind)版本：大众版 参数： new_id：行id grid中唯一text：行内容，多列数据以分隔符合隔开字符串，或以数组形式提供inx：行索引，行序号等，选填，默认在最后一行新增用途：在grid中新增一行参考实例：grid.addRow(newId,"text1,text2",1);grid.addRow(newId,["text1","text2"],2);1.1.57 changeRowId (oldRowId, newRowId)版本：大众版
datagridview加载数据后默认不选中首行
yjwpop1989的专栏
08-05 5153
<br />       在添加了form1_Load事件一试，终于没有默认选中的行了。不得如果更新DataGridView的数据之后又会默认选中第一行，所以我就在DataGridView绑定数据之后又加上了ClearSelection()。这样一来，不论是启动窗体之后还是重新更新数据，都不会有默认选中行了。<br />代码就是这几个，只要放对地方，其中任意一个都能实现取消选中的效果。<br /><br /> dataGridView1.ClearSelection();
dhtmlxgrid所支持的列类型
polisman的专栏
08-05 1808
<br />ro<br /> 只读<br /> <br />ed<br /> 少量文本，双击原位编辑<br /> <br />txt<br /> 大量文本，双击弹出一个文本区域进行编辑<br /> <br />ch<br /> 复选框，选中值为1，未选值为0<br /> <br />ra <br /> 单选框，一列中只能有一个被选中，选中值为1<br /> <br />coro<br /> 下拉列表，用户只能选择列表中已有的值<br /> <br />co <br /> 复合下拉列表，用户可以选择，也可以自
dhtmlXTree 中文API
路人甲的专栏
10-29 1万+
版本：           struts2.1.6，hibernate3.3.2，spring2.5 jar包： 环境：Struts+hibernate+spring+mysql           hibernate           Struts2              Spring              Mysql                   mysql-connector-java-5.1.8-bin.jar进行整合的代码是一个简单的注册功能本人把源代码打包上传到了CSDN上大家可
dhtmlxgrid扩展
简单就好
09-30 146
                    dhtmlxgrid确实是个好东西，虽然很多功能是profressional的，免费版中少了很多好用的功能。        在ext之前一直研究Dhtmlx组件，也扩展很多grid专业版的功能。比如树形grid，grid分页条（借鉴Ecside样式，在此表示感谢），查询过滤框，多表头/表尾合计，拖放列，表头数据库排序，列分组，键盘导航，多种验证方式，...
PySimpleGUI的table中设置复选框
最新发布
03-24
在上面的代码中，我们使用了startswith方法来判断事件是否来自复选框列，如果是，则获取行号和复选框的状态，并进行相应的处理。 总之，使用PySimpleGUI可以很方便地在table中添加复选框，并处理复选框的状态变化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值