Example: add, delete, and modify nodes
Add Node
Var tree = mini. get ("tree1 ");
Var node = tree. getSelectedNode ();
Var newNode = {};
Tree. addNode (newNode, "before", node );
Delete a node
Var node = tree. getSelectedNode ();
Tree. removeNode (node );
Edit a node
Var node = tree. getSelectedNode ();
Tree. beginEdit (node );
Mobile Node
Tree. moveNode (node, targetNode, "before ");
Posted on nikofan reading (433) Comments (1) EDIT favorites
Feedback
# Re: jQuery MiniUI development tutorial tree control tree operation: add, delete, modify, move (6) [not logged on] 1
Ext. onReady (function (){
Ext. Direct. addProvider (Ext. app. REMOTING_API );
Ext. QuickTips. init ();
MyTreeLoader = new Ext. tree. TreeLoader ({
ApplyLoader: false,
ParamsAsHash: true,
BaseParams :{
Id: 'id ',
Foo: 'empty'
},
DirectFn: treeProvider3.getTreeGrid
});
Var tree = new Ext. ux. tree. TreeGrid ({
Title: 'core Team Project ',
Width: 600,
Height: 500,
Id: 'usedbypartstreegridid ',
// RootVisible: false, // The root node is not displayed.
RenderTo: Ext. getBody (),
// EnableDD: true, // whether it can be moved
// AutoScroll: true, // whether a scroll bar exists
Loader: myTreeLoader,
Columns :[{
Header: 'task ',
DataIndex: 'task ',
Width: 200
},{
Header: 'duration ',
Width: 200,
DataIndex: 'duration'
},{
Header: 'assigned ',
Width: 200,
DataIndex: 'user'
}]
});
MyTreeLoader. on ("beforeload", function (treeLoader, node ){
Alert (node. attributes. Task );
Ext. getCmp ('usedbypartstreegridid'). getLoader (). baseParams. id = node. attributes. Task; // node. attributes. task is the value of the node attribute task.
Ext. getCmp ('usedbypartstreegridid'). getLoader (). baseParams. foo = count;
Ext. getCmp ('usedbypartstreegridid'). getRootNode (). reload ();
}, This)
});
@ ExtDirectMethod (value = ExtDirectMethodType. TREE_LOAD, group = "tree ")
Public List <TreeVO> getTreeGrid (
@ RequestParam (value = "id") String id,
@ RequestParam (value = "foo", defaultValue = "defaultValue") String foo ){
List <TreeVO> secondresult = new ArrayList <TreeVO> ();
List <TreeVO> childresult = new ArrayList <TreeVO> ();
List <TreeVO> result = new ArrayList <TreeVO> ();
For (int I = 1; I <= 5; ++ I ){
TreeVO children = new TreeVO ();
Children. setTask (I + "second level children ");
Children. setDuration (I + "level children ");
Children. setLeaf ("true"); // whether it is a leaf node. true indicates yes. If it is not a leaf node, the value cannot be set.
Children. setIconCls ("task ");
Children. setUser (I + "second user ");
Secondresult. add (children );
}
For (int I = 1; I <= 5; ++ I ){
TreeVO children = new TreeVO ();
Children. setTask (I + "first level children ");
Children. setDuration (I + "level children ");
Children. setIconCls ("task-folder ");
Children. setUser (I + "first user ");
Children. setChildren (secondresult); // secondresult List <TreeVO> type
Childresult. add (children); www.2cto.com
}
TreeVO rootNode = new TreeVO ();
RootNode. setTask ("Project: Shopping ");
RootNode. setDuration ("Project 0 level children ");
RootNode. setExpanded ("true ");
RootNode. setIconCls ("task-folder ");
RootNode. setUser ("Tommy Maintz ");
RootNode. setChildren (childresult );
Result. add (rootNode );
Return result;
}