zoukankan      html  css  js  c++  java
  • 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


  • 相关阅读:
    各种品牌电脑进入主板BIOS的方法(快捷键,按键)
    安装Oracle9i,遇到“File not found D: \oracle\ora92\ocs4j\admin\OCS4J.properties”
    关于远程桌面出现:“由于数据加密错误,这个会话将结束。请重新连接到远程计算机。”
    定时开关机
    Unix(Solaris) 常用基本命令和用户管理命令
    安装oracle9i时碰到缺少或无效口令提示
    ActiveX开发心得(转)
    oracle usermaneged recovery(三)
    用js实现改变随意改变div属性style的名称和值的结果
    Android_adb.exe的问题整理
  • 原文地址:https://www.cnblogs.com/dodui/p/1780403.html
Copyright © 2011-2022 走看看