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


原文地址:https://www.cnblogs.com/dodui/p/1780403.html