dhtmlxGrid有用程序片段
下面通过一个dhtmlxGrid的实例来向你展示该插件的常见使用方式。这里包含了dhtmlxGrid中最常见的使用,你掌握这些,你就可以将它应用到你的实际工作中了。
下面通过一个dhtmlxGrid的实例来向你展示该插件的常见使用方式。这里包含了dhtmlxGrid中最常见的使用,你掌握这些,你就可以将它应用到你的实际工作中了。
使用dhtmlxGrid的uid获取唯一id,然后将id作为数据行id。在使用uid的时候,可以结合addRow方法添加数据到表格中。
在使用dhtmlxGrid动态创建表格的时候,由于表格显示的数据有限,因此需要将有些不想展示的数据临时缓存到表格中。这时你可以使用dhtmlxGrid提供的setUserData方法将数据设置到指定的行上面,然后使用getUserData方法根据行id将数据对象取出来,取出来的对象就是一个普通的json对象,可以直接使用。
getAllRowIds方法用于获取当前表格所有行数据的ID,默认情况下面使用逗号“,”分割,但是在调用getAllRowIds方法的时候你可以指定自定义的分隔符,这在实际开发中还是挺实用的。
获取dhtmlxGrid表格中数据的方式存在多种方式,你可以使用dhtmlxGrid提供的forEachRow迭代方法进行处理。也可以通过使用getAllRowIds方法获取表格的所有ID,然后迭代ID,使用ID来获取行对象。
通过dhtmlxGrid提供的addRow和deleteRow方法动态的向表格中添加数据。在删除之前我们通过getSelectedRowId方法获取被选中行的rowId,通过onRowSelect事件来控制删除按钮是否允许被使用。
在使用dhtmlxGrid插件进行日常开发工作时,避免不了当选中一行或一列等时触发用户自定义的事件处理。这时候就需要你了解dhtmlxGrid是怎样来添加事件处理的。在dhtmlxGrid中可以使用attachEvent和detachEvent方法为dhtmlxGrid添加处理事件。
dhtmlxGrid默认情况下是启用了当鼠标移动到单元格上面时,弹出一个提示框信息。这个类似于html元素设置了title属性时,鼠标移动到上面的提示信息。可以使用enableTooltips方法进行启用和禁止。
dhtmlxGrid不仅能够通过addRow方法来逐行的添加数据到表格,也允许使用预先编辑好的xml文件来设置数据(即将数据在xml文件中预先写好),下面通过一个实例来说明如何初始化dhtmlxGrid的表头和表格的数据。
dhtmlxGrid不仅能够通过addRow方法来逐行的添加数据到表格,也允许使用预先编辑好的xml文件来设置数据(即将数据在xml文件中预先写好),下面通过一个实例来说明如何初始化dhtmlxGrid表格的数据。