jquery的jstree的研究

因为项目需要用到jstree的右键功能,到网上找了很多文章,未能找到与数据库进行交互的,因此仔细的研究了下它的API,觉得用起来挺好的,现记录下来。

<script type="text/javascript" class="source">
  
 $(function () { 
  $("#knowledgeBase").tree({
   callback : {
    onrename : function(NODE, TREE_OBJ, RB) {
      var resultCall=function callBack(data){
         if(data==0){
        $.tree.rollback(RB);
       } 
      } 
     newsinput.renameColumn(NODE.id,NODE.innerText,resultCall);
     },
     oncreate : function(NODE, REF_NODE, TYPE, TREE_OBJ, RB) {
      var resultCall=function callBack(data){
       if(data!=0){
        NODE.id = data;
       }else $.tree.rollback(RB);
         
      } 
      newsinput.createColumn(REF_NODE.id,resultCall);
     },
     ondelete : function(NODE, REF_NODE, TYPE, TREE_OBJ, RB) { 
      newsinput.deleteColumn(NODE.id);
     },
    onmove :  function(NODE, REF_NODE, TYPE, TREE_OBJ, RB) {

     
     if(confirm("是否要移动"+NODE.childNodes[0].innerText+"文件夹?")){ 
      if ("inside"==TYPE){
       newsinput.moveColumn(NODE.id,REF_NODE.id);
      }else if("after"==TYPE){
       newsinput.moveColumn(NODE.id,REF_NODE.fid);
      }else{
       alert("before"+REF_NODE.id);
      }
         }else{
      $.tree.rollback(RB); 
     }
    }
    },  plugins : { 
    contextmenu : { 
     items : {
     }
    }
   }
  });
 });
 
 
 </script>
 
上面调用了dwr的框架(觉得jquery的ajax方法太啰嗦了),有还需要完善的地方,比如移动节点时候的算法,现在还没想好。欢迎大家提出解决办法。

你可能感兴趣的:(JavaScript,jquery,Ajax,算法,DWR)