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


  • 相关阅读:
    [转载-声网]18个实时音视频开发中会用到开源项目
    linux shell命令之wc/split及特殊字符
    RTP推流及验证
    Ubuntu18.04提示wifi无法连接
    ubuntu上Android开发环境及依赖项
    HLS playlist典型示例
    ffmpeg-hls实现分析
    AOSP中的HLS协议解析
    使用ffmpeg搭建HLS直播系统
    流媒体之HLS——综述(二)
  • 原文地址:https://www.cnblogs.com/dodui/p/1780403.html
Copyright © 2011-2022 走看看