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