📜  jQWidgets jqxTreeGrid addRow() 方法

📅  最后修改于: 2022-05-13 01:55:57.632000             🧑  作者: Mango

jQWidgets jqxTreeGrid addRow() 方法

jQWidgets是一个 JavaScript 框架,用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxTreeGrid用于以树状结构表示数据。此小部件可用于显示多列分层数据、数据分页、排序和过滤、数据编辑、列大小调整、固定列、条件格式、聚合和行选择。这些小部件还从任何类型的数据源(例如 XML、JSON、Array、CSV 或 TSV)读取和显示数据。

addRow()方法用于在 jqxTreeGrid 的开头或结尾添加新行。

句法:

$("#treeGrid").jqxTreeGrid('addRow', rowKey, {rowData}, rowPosition);

参数:此方法接受三个参数,如下所示:

  • rowKey:这是标识新添加行的唯一 ID。如果它的值为 null,那么 jqxTreeGrid 将创建一个唯一键。
  • rowData:这是新行的数据。
  • rowPosition:这是新添加的行的位置。它接受两个值,一个是“第一个”,另一个是“最后一个”。它的默认值为“last”。

返回值:此方法不返回任何值。

链接文件:从给定链接下载 jQWidgets。在 HTML 文件中,找到下载文件夹中的脚本文件。

示例:下面的示例说明了 jQWidgets jqxTreeGrid addRow ()方法。在下面的示例中,新行添加到 TreeGrid 的末尾,并且该新行将在单击指定按钮时继续添加。

HTML


  

    
    
    
    
    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxTreeGrid addRow() Method         

        
        
                 
             
  


输出:

参考: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtreegrid/jquery-treegrid-api.htm?search=