var params = {
plugins: ['ui', 'themes', 'html_data']
};
var params = {
plugins: ['ui', 'themes', 'html_data']
};
サーバサイド JavaScript(通信先url「sample/tree/ajax」を実装するjs)
var nodes;
function init(request) {
nodes = buildList(request['data-node-identity']); // attributes に指定した属性名/属性値がリクエストとして送信されます
request.setAttribute('imui-theme-builder-module','notheme'); // 出力する HTML にテーマがかかってしまわないように、notheme を指定します
}
function buildList(nodeIdentity) {
if (nodeIdentity == null) { // トップレベルのノード情報を返却します(以下のコードですべてのノードに「data-node-identity」を指定しているため、この属性名が存在しないと言うことは、トップレベルのノードのリクエストであるはず)
return [
{
identity: 'node1',
label: 'ノード1',
classNames: ['ClassName1', 'ClassName2'],
rel: 'TypeA',
attributes: {
'data-node-identity': 'ThisIsNode1',
'data-certain-attribute1': 'attribute-value1',
'data-certain-attribute2': 'attribute-value2'
}
},
{
identity: 'node2',
label: 'ノード2',
classNames: ['jstree-closed', 'ClassName3'], // 子ノードが存在するノードには、ノードの開閉ができるようにするために「jstree-closed」クラスを指定します
rel: 'TypeB',
attributes: {
'data-node-identity': 'ThisIsNode2',
'data-certain-attribute': 'attribute-value3'
}
}
];
} else if (nodeIdentity === 'ThisIsNode2') { // 「ノード2」直下のノード情報を返却します
return [
{
identity: 'node3',
label: 'ノード3',
classNames: ['jstree-closed', 'ClassName4', 'ClassName5'], // 子ノードが存在するノードには、ノードの開閉ができるようにするために「jstree-closed」クラスを指定します
rel: 'TypeA',
attributes: {
'data-node-identity': 'ThisIsNode3',
'data-certain-attribute': 'attribute-value4'
}
}
];
} else if (nodeIdentity === 'ThisIsNode3') { // 「ノード3」直下のノード情報を返却します
return [
{
label: 'ノード4',
attributes: {
'data-node-identity': 'ThisIsNode4'
}
}
];
}
return [];
}
var nodes;
function init(request) {
nodes = buildList(request['data-node-identity']); // attributes に指定した属性名/属性値がリクエストとして送信されます
request.setAttribute('imui-theme-builder-module','notheme'); // 出力する HTML にテーマがかかってしまわないように、notheme を指定します
}
function buildList(nodeIdentity) {
if (nodeIdentity == null) { // トップレベルのノード情報を返却します(以下のコードですべてのノードに「data-node-identity」を指定しているため、この属性名が存在しないと言うことは、トップレベルのノードのリクエストであるはず)
return [
{
identity: 'node1',
label: 'ノード1',
classNames: ['ClassName1', 'ClassName2'],
rel: 'TypeA',
attributes: {
'data-node-identity': 'ThisIsNode1',
'data-certain-attribute1': 'attribute-value1',
'data-certain-attribute2': 'attribute-value2'
}
},
{
identity: 'node2',
label: 'ノード2',
classNames: ['jstree-closed', 'ClassName3'], // 子ノードが存在するノードには、ノードの開閉ができるようにするために「jstree-closed」クラスを指定します
rel: 'TypeB',
attributes: {
'data-node-identity': 'ThisIsNode2',
'data-certain-attribute': 'attribute-value3'
}
}
];
} else if (nodeIdentity === 'ThisIsNode2') { // 「ノード2」直下のノード情報を返却します
return [
{
identity: 'node3',
label: 'ノード3',
classNames: ['jstree-closed', 'ClassName4', 'ClassName5'], // 子ノードが存在するノードには、ノードの開閉ができるようにするために「jstree-closed」クラスを指定します
rel: 'TypeA',
attributes: {
'data-node-identity': 'ThisIsNode3',
'data-certain-attribute': 'attribute-value4'
}
}
];
} else if (nodeIdentity === 'ThisIsNode3') { // 「ノード3」直下のノード情報を返却します
return [
{
label: 'ノード4',
attributes: {
'data-node-identity': 'ThisIsNode4'
}
}
];
}
return [];
}