DHTMLX

DHTMLX组件是一个JavaScript 库,提供了一套完整的Ajax驱动的UI 组件。使用 dhtmlxSuite 生成企业级 web 应用程序有干净的界面、 快速的性能和丰富的用户体验。dhtmlx组件是由位于俄罗斯圣彼得堡的DHTMLX公司开发的,适用于B/S模式的Web应用开发。

dhtmlxGrid有用程序片段

下面通过一个dhtmlxGrid的实例来向你展示该插件的常见使用方式。这里包含了dhtmlxGrid中最常见的使用,你掌握这些,你就可以将它应用到你的实际工作中了。

使用dhtmlxGrid的uid获取唯一id

使用dhtmlxGrid的uid获取唯一id,然后将id作为数据行id。在使用uid的时候,可以结合addRow方法添加数据到表格中。

在dhtmlxGrid中存储用户自定义的数据

在使用dhtmlxGrid动态创建表格的时候,由于表格显示的数据有限,因此需要将有些不想展示的数据临时缓存到表格中。这时你可以使用dhtmlxGrid提供的setUserData方法将数据设置到指定的行上面,然后使用getUserData方法根据行id将数据对象取出来,取出来的对象就是一个普通的json对象,可以直接使用。

dhtmlxGrid的getAllRowIds方法详解

getAllRowIds方法用于获取当前表格所有行数据的ID,默认情况下面使用逗号“,”分割,但是在调用getAllRowIds方法的时候你可以指定自定义的分隔符,这在实际开发中还是挺实用的。

使用迭代获取dhtmlxGrid表格中的数据

获取dhtmlxGrid表格中数据的方式存在多种方式,你可以使用dhtmlxGrid提供的forEachRow迭代方法进行处理。也可以通过使用getAllRowIds方法获取表格的所有ID,然后迭代ID,使用ID来获取行对象。

动态向dhtmlxGrid表格添加和删除数据

通过dhtmlxGrid提供的addRow和deleteRow方法动态的向表格中添加数据。在删除之前我们通过getSelectedRowId方法获取被选中行的rowId,通过onRowSelect事件来控制删除按钮是否允许被使用。

使用attachEvent和detachEvent方法为dhtmlxGrid添加/移除事件处理

在使用dhtmlxGrid插件进行日常开发工作时,避免不了当选中一行或一列等时触发用户自定义的事件处理。这时候就需要你了解dhtmlxGrid是怎样来添加事件处理的。在dhtmlxGrid中可以使用attachEvent和detachEvent方法为dhtmlxGrid添加处理事件。

使用enableTooltips启用或禁止dhtmlxGrid单元格的提示信息

dhtmlxGrid默认情况下是启用了当鼠标移动到单元格上面时,弹出一个提示框信息。这个类似于html元素设置了title属性时,鼠标移动到上面的提示信息。可以使用enableTooltips方法进行启用和禁止。

使用XML文件来初始化dhtmlxGrid表头和数据

dhtmlxGrid不仅能够通过addRow方法来逐行的添加数据到表格,也允许使用预先编辑好的xml文件来设置数据(即将数据在xml文件中预先写好),下面通过一个实例来说明如何初始化dhtmlxGrid的表头和表格的数据。

使用XML文件来初始化dhtmlxGrid表数据

dhtmlxGrid不仅能够通过addRow方法来逐行的添加数据到表格,也允许使用预先编辑好的xml文件来设置数据(即将数据在xml文件中预先写好),下面通过一个实例来说明如何初始化dhtmlxGrid表格的数据。

dhtmlxGrid简单实例

dhtmlxGrid是一个JavaScript实现的动态表格插件,提供了丰富的表格操作功能,如:动态创建表格,动态删除表格。下面同个一个实例来展示怎样使用dhtmlxGrid来创建一个简单的表格。

首页 1 末页 共11/1页
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号