jstree.net 单击

       上一篇简单的吧jstree运用到.net的项目中,这一篇我们继续研究jstree和.net的在项目中的应用

   一、jstree单击事件

      本节主要介绍jstree的单击事件。感觉官方的文档上面没有介绍点击的事件的。 呵呵,可能是自己没有发现到吧,英语还待提高呢。

     1.新建文件json_data.html (Ajax请求),data.aspx就是json的数据了。上一篇有,就不重复了哈。

     

 

代码
<script type="text/javascript" src="jquery.hotkeys.js"></script>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery.jstree.js"></script>

< script type = " text/javascript " >
        $(
function () {
            $(
" #demo1 " ).jstree({
                
" json_data " : {
                    
" ajax " : {
                        
" url " " data.aspx " ,
                        
" data " function (n) {
                            
return  {
                                
" operation " " get_children " ,
                                
" id " : n.attr  ?  n.attr( " id " ) :  0
                            };
                        }
                    }
                },
                
" themes " : {
                    
" theme " " classic "
                },
                
" plugins " : [ " themes " " json_data " , " hotkeys " ]
            }).bind(
' click.jstree ' function (event) {
                
var  eventNodeName  =  event.target.nodeName;
                
if  (eventNodeName  ==   ' INS ' ) {
                    
return ;
                } 
else   if  (eventNodeName  ==   ' A ' ) {
                    
var  $subject  =  $(event.target).parent();
                    
if  ($subject.find( ' ul ' ).length  >   0 ) {
                        
//  $('#show').html("<font color='red' size='2em'>请选择叶子节点</font>");
                    }  else  {
                        
// $('#show').html('<b>选择了</b>:' + $subject.text());
                        alert($(event.target).parents( ' li ' ).attr( ' id ' ));
                    }
                }
            });
        });
< / script>

 

       这些都是很简单的,因为官方的是php版本的,搞.net的朋友很多也没有去安装php的环境,为了搞jstree,我还特地去安装了php+mysql环境,然后去测试,呵呵,为大家节约的时间吧。

      如果有什么不理解的地方,请给本人留言。我们可以互相交流,共同进步。 jstree功能如读取xml格式数据添加、删除节点、异步查找节点并结合.net开发等的功能以后还会继续进行完善,请继续关注。 联系QQ群:161077434


你可能感兴趣的:(jstree)