本文整理匯總了TypeScript中jui-grid.GridXTable.open方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript GridXTable.open方法的具體用法?TypeScript GridXTable.open怎麽用?TypeScript GridXTable.open使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類jui-grid.GridXTable
的用法示例。
在下文中一共展示了GridXTable.open方法的1個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: xtable
jui.ready([ "grid.xtable" ], (xtable: GridXTable) => {
const xtable_8: GridXTable = xtable("#xtable_8", {
fields: [ "url", "count" ],
resize: true,
buffer: "vscroll",
rowHeight: 27,
scrollHeight: 300,
tpl: {
row: $("#tpl_row").html(),
none: $("#tpl_none").html()
},
event: {
select(row: GridRow, e: any) {
if (row.type === "fold") {
xtable_8.open(row.index);
} else {
xtable_8.fold(row.index);
}
}
}
});
xtable_8.updateTree([
{ index: "0", type: "open", data: { url: "/", count: 105 } },
{ index: "0.0", type: "fold", data: { url: "/css", count: 35 } },
{ index: "0.0.0", type: "fold", data: { url: "/index.css", count: 15 } },
{ index: "0.0.1", type: "fold", data: { url: "/layout.css", count: 15 } },
{ index: "0.0.2", type: "fold", data: { url: "/login.css", count: 5 } },
{ index: "0.1", type: "fold", data: { url: "/js", count: 35 } },
{ index: "0.1.0", type: "fold", data: { url: "/index.js", count: 23 } },
{ index: "0.1.1", type: "fold", data: { url: "/jquery.js", count: 12 } },
{ index: "0.2", type: "fold", data: { url: "/img", count: 0 } },
{ index: "0.2.0", type: "fold", data: { url: "logo.ico", count: 0 } },
{ index: "0.3", type: "fold", data: { url: "/main.jsp", count: 10 } },
{ index: "0.4", type: "fold", data: { url: "/login.jsp", count: 10 } },
{ index: "0.5", type: "fold", data: { url: "/sitemap.xml", count: 10 } },
{ index: "0.6", type: "fold", data: { url: "/package.json", count: 5 } }
]);
});