jQuery.jqGrid樹表是一個易于使用和高度可定制的jQuery插件,允許您在Web應(yīng)用程序中快速創(chuàng)建和呈現(xiàn)樹狀表格。
下面是一個基本的例子:
$("#treegrid").jqGrid({ url: "data.json", datatype: "json", mtype: "GET", colModel: [ { name: "id", label: "ID", key: true, width: 75 }, { name: "name", label: "Name", width: 150 }, { name: "parent", label: "Parent", width: 150 }, { name: "level", label: "Level", width: 75 }, { name: "desc", label: "Description", width: 250 } ], //配置樹表格 treeGrid: true, treeGridModel: 'adjacency', ExpandColumn: 'name', height: 'auto', caption: "My Grid" });
在上面的示例代碼中,我們創(chuàng)建了一個ID為“treegrid”的jqGrid并將其與一個數(shù)據(jù)源鏈接。然后,我們定義了數(shù)據(jù)模型,其中每個節(jié)點都有一個ID,名稱,父級,級別和描述。接下來,我們啟用了樹狀表格選項,并指定數(shù)據(jù)模型中父級字段的名稱和數(shù)據(jù)模型類型。我們還指定了展開列的名稱,表格的高度和標(biāo)題。
使用jQuery.jqGrid的樹表,您可以輕松實現(xiàn)樹狀結(jié)構(gòu)和子節(jié)點,以便您可以快速創(chuàng)建復(fù)雜但易于操作的表格。