jsp页面用jquery.treeView点击父节点文本d出子节点怎么弄啊

你说的+号是： onnodeclick:function(item){}，你打开那个treejs文件，看看这个事件是怎么写的，然后你照写一个，比如： onnodetextclick:function(item){}

下边是节点点击的事件，我没时间去看它的代码，暂时就发给你，你增加一个文本点击的事件

$fntreeview = function(settings) {

var dfop =

{

method: "POST",

datatype: "json",

/

@description {Config} url

{String} Url for child nodes retrieving

/

url: false,

/

@description {Config} cbiconpath

{String} Checkbox image path

/

cbiconpath: "/css/images/icons/",

icons: ["checkbox_0gif", "checkbox_1gif", "checkbox_2gif"],

/

@description {Config} showcheck

{Boolean} Whether to show check box or not

/

showcheck: false,

/

@description {Event} oncheckboxclick:function(tree, item, status)

Fired when check box is clicked on

@param {Object} tree This tree object

@param {Object} item Node item clicked on

@param {Number} status 1 for checked, 0 for unchecked

/

oncheckboxclick: false,

/

@description {Event} onnodeclick:function(tree, item)

Fired when a node is clicked on

@param {Object} tree This tree object

@param {Object} item Ndde item clicked on

/

onnodeclick: false,

/

@description {Config} cascadecheck

{Boolean} Whether node being seleted leads to parent/sub node being selected

/

cascadecheck: true,

/

@description {Config} data

{Object} Tree theme Three themes provided 'bbit-tree-lines' ,'bbit-tree-no-lines' and 'bbit-tree-arrows'

@sample

data:[{

id:"node1", //node id

text:"node 1", //node text for display

value:"1", //node value

showcheck:false, //whether to show checkbox

checkstate:0, //Checkbox checking state 0 for unchecked, 1 for partial checked, 2 for checked

hasChildren:true, //If hasChildren and complete set to true, and ChildNodes is empty, tree will request server to get sub node

isexpand:false, //Expand or collapse

complete:false, //See hasChildren

ChildNodes:[] // child nodes

}]

/

data: null,

/

@description {Config} clicktoggle

{String} Whether to toggle node when node clicked

/

clicktoggle: true,

/

@description {Config} theme

{String} Tree theme Three themes provided 'bbit-tree-lines' ,'bbit-tree-no-lines' and 'bbit-tree-arrows'

/

theme: "bbit-tree-arrows" //bbit-tree-lines ,bbit-tree-no-lines,bbit-tree-arrows

};

function nodeclick(e) {

var path = $(this)attr("tpath");

var et = etarget || esrcElement;

var item = getItem(path);

if (ettagName == "IMG") {

//+ if collapsed, expend it

if ($(et)hasClass("bbit-tree-elbow-plus") || $(et)hasClass("bbit-tree-elbow-end-plus")) {

var ul = $(this)next(); //"bbit-tree-node-ct"

if (ulhasClass("bbit-tree-node-ct")) {

ulshow();

}

else {

var deep = pathsplit("")length;

if (itemcomplete) {

itemChildNodes != null && asnybuild(itemChildNodes, deep, path, ul, item);

}

else {

$(this)addClass("bbit-tree-node-loading");

asnyloadc(item, true, function(data) {

itemcomplete = true;

itemChildNodes = data;

asnybuild(data, deep, path, ul, item);

});

}

}

if ($(et)hasClass("bbit-tree-elbow-plus")) {

$(et)swapClass("bbit-tree-elbow-plus", "bbit-tree-elbow-minus");

}

else {

$(et)swapClass("bbit-tree-elbow-end-plus", "bbit-tree-elbow-end-minus");

}

if(dfoptheme!="bbit-tree-lines-no-folder")

$(this)swapClass("bbit-tree-node-collapsed", "bbit-tree-node-expanded");

}

//if expended, collapse it

else if ($(et)hasClass("bbit-tree-elbow-minus") || $(et)hasClass("bbit-tree-elbow-end-minus")) {

$(this)next()hide();

if ($(et)hasClass("bbit-tree-elbow-minus")) {

$(et)swapClass("bbit-tree-elbow-minus", "bbit-tree-elbow-plus");

}

else {

$(et)swapClass("bbit-tree-elbow-end-minus", "bbit-tree-elbow-end-plus");

}

if(dfoptheme!="bbit-tree-lines-no-folder")

$(this)swapClass("bbit-tree-node-expanded", "bbit-tree-node-collapsed");

}

else if ($(et)hasClass("bbit-tree-node-cb")) // click on checkbox

{

var s = itemcheckstate != 1 1 : 0;

var r = true;

if (dfoponcheckboxclick) {

r = dfoponcheckboxclickcall(et, item, s);

}

if (r != false) {

if (dfopcascadecheck) {

cascade(check, item, s);

bubble(check, item, s);

}

else {

check(item, s, 1);

}

}

}

}

else {

if (dfopcitem) {

var nid = dfopcitemidreplace(/[^\w]/gi, "_");

$("#" + id + "_" + nid)removeClass("bbit-tree-selected");

}

dfopcitem = item;

$(this)addClass("bbit-tree-selected");

if (dfoponnodeclick) {

if (!itemexpand) {

itemexpand = function() { expandnodecall(item); };

}

dfoponnodeclickcall(this, item);

}

}

}

参考下面代码

$("#id")combotree({//加载一个combotree,并展开所有节点，展开后才能显示选中的值

url:,

editable:false,

onLoadSuccess:function(node,data){

var t = $("#id")combotree('tree');//获取tree

for (var i=0;i<datalength ;i++ ){

node= ttree("find",data[i]id);

ttree('expandAll',nodetarget);//展开所有节点

}

}

});

$("#id")combotree('setValue',value);//在设置一下combotree的值即可，value为想选中的那个值，一般从后台取出来在设置的 。

// 初始化tree1之前为其绑定点击时的函数为tree1OnClick

function tree1OnClick(event, treeId, treeNode) {

  var param = treeNodeattribute; // attribute为需要选中tree2中节点的参数，可自行设置，可以用treeNodename、treeNodeid等，自己根据具体情况选取

  var tree2 = $fnzTreegetZTreeObj("tree2Id");//tree2的ul的id

  var nodes = tree2getNodesByParam("attr", param);// 找出tree2中节点的attr属性等于param的节点

  for (var i in nodes) {

    tree2checkNode(nodes[i], true, true);// 第一个true表示选择节点，第二个true表示父子节点级联选择

  }

}

<script type="text/javascript">

function getChildren(){

var node = $('#tt1')tree('getSelected'); //tt1是你的树的id

if (node){

alert(“有子节点");

} else {

alert("无子节点");

}

}

</script>

<ul id="tt1" class="easyui-tree" animate="true" dnd="false">

<li>

<span>Folder</span>

<ul>

<li state="closed">

<span>Sub Folder 1</span>

<ul>

<li>

<span><a href="">File 11</a></span>

</li>

<li>

<span>File 12</span>

</li>

<li>

<span>File 13</span>

</li>

</ul>

</li>

<li>

<span>File 2</span>

</li>

<li>

<span>File 3</span>

</li>

<li>File 4</li>

<li>File 5</li>

</ul>

</li>

<li>

<span>File21</span>

</li>

</ul>

<a href="#" onclick="getChildren1()">getChildren1</a>

一个带有右键 *** 作的树形菜单

$(document)ready(function(){

    $ajaxSetup({cache:false});

    $("#browser")tree({

    data  : {

        type  : "json",

        url   : src,

        async : true,

        async_data : function (NODE) {

                                        return { parent_Id : $(NODE)attr("id") || 0}

                                     }

      },

      lang:{

           loading:"目录加载中……"

            },

      rules:

      {

      draggable   : "all"   //这个设置可以使得节点进行拖动 *** 作

      },

      ui:{

           context     : [ //自定义右键 *** 作的可 *** 作内容

            {

                id      : "create",

                label   : "添加下级目录", //右键d出菜单的此项 *** 作屏显字样

                visible : function (NODE, TREE_OBJ) { if(NODElength != 1) return false; return TREE_OBJcheck("creatable", NODE); }, //允许节点被右击时出现 *** 作菜单

                icon    : "<%=requestgetContextPath() %>/css/themes/default/createpng",//右键d出菜单的此项 *** 作图标

                action  : function (NODE, TREE_OBJ) {

                                                //进行此项 *** 作，将有这个函数事件被响应

                                                     }

            },

            "separator"//这个是在两个 *** 作之间画一条分隔线

           ,

            {

                id      : "edit",

                label   : "编辑目录信息",

                visible : function (NODE, TREE_OBJ) { if(NODElength != 1) return false; return TREE_OBJcheck("creatable", NODE); },

                icon    : "<%=requestgetContextPath() %>/image/reg2gif",

                action  : function (NODE, TREE_OBJ) {

                                                    openWindow('myurl','','',function(){treeRefresh($(NODE)attr("id"));});

                                                    }

            },

            "separator"

            ,

            {

                id      : "privilege",

                label   : "设置目录权限",

                visible : function (NODE, TREE_OBJ) { if(NODElength != 1) return false; return TREE_OBJcheck("creatable", NODE); },

                icon    : "<%=requestgetContextPath() %>/css/themes/default/renamepng",

                action  : function (NODE, TREE_OBJ) {

                                                    openWindow('myurl','','',function(){treeRefresh($(NODE)attr("id"));});

                                                    }

            },

            "separator",

            {

                id      : "delete",

                label   : "删除",

                visible : function (NODE, TREE_OBJ) { if(NODElength != 1) return false; return TREE_OBJcheck("creatable", NODE); },

                icon    : "<%=requestgetContextPath() %>/css/themes/default/removepng",

                action  : function (NODE, TREE_OBJ) {

                                                    var tree=$tree_reference("browser");

                                                    openWindow('myurl','','',function(){

                                               //下边的parent()和refresh()均为v098版本提供，如果你使用的是其他版本如v096等，这些将不被支持。

                                                    NODE=$(treeparent(NODE));

                                                    if($(NODE)attr("id")==undefined){

                                                        treerefresh();

                                                    }else{

                                                        TreeRefresh();

                                                    }

                                                    });

                                                    }

            },

            "separator",

            {

                id      : "others",

                label   : "其他 *** 作",

                visible : function (NODE, TREE_OBJ) { if(NODElength != 1) return false; return TREE_OBJcheck("creatable", NODE); },

                icon    : "<%=requestgetContextPath() %>/css/images/cutpng",

                action  : function (NODE, TREE_OBJ) {

                                                    alert("暂无可提供 *** 作。");

                                                    }

            }

            ]

      },

   callback : {

         onselect: function(node) {

            //(a);

           

        }

    }

 

});

function treeRefresh(nodeid){

                     var rid=nodeid;

                    var tree=$tree_reference("browser");

                    var par_node=treeparent($("#"+rid));

                    treerefresh(par_node);

}

});

$('#jstree')jstree();

$('#jstree')on('changedjstree',function(e,data){//当前选中节点的id

consolelog(datainstanceget_node(dataselected[0])id);

var domId = datainstanceget_node(dataselected[0])id;

jsTree是基于javascript的一个跨浏览器树控件，功能强大，而且是免费的。

开始使用jsTree

所有你需要的文件在dist/ folder。

包括jsTree主题

CSS文件。

以上就是关于jsp页面用jquery.treeView点击父节点文本d出子节点怎么弄啊全部的内容，包括:jsp页面用jquery.treeView点击父节点文本d出子节点怎么弄啊、如何实现jquery easyui combotree 下拉加载默认选中、jquery ztree 在一个页面有两个树，怎么让点击一个树的节点，让另一个树选中几个节点并且勾等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！