现在有一个jstree生成的树,我想通过函数调用模拟节点点击,请问如何实现?
解决方案 »
- 求大神解释一下js代码!
- 如何解决ExtJS Grid无法显示带html标签的Json数据??
- 如何让table里的复选框同一行中的某元素的值改变
- JS输出中如何带换行符:\n?
- 可否用JS实现页面文字查找(替代IE中的CTRL-F)
- 一个关于用js动态写入html产生的问题
- 怎样用<input type="button" value="onck" onclick="doRef();">来实现<a href="http://www.csdn.net" target="myFrame">csdn</a>这样的效
- 如何使用正则表达式分析SQL语句?
- 一个很急的问题,在线给分
- 从网上下载了一个jsp购物网站程序,数据库是access,但是一直显示数据库连接不上,谁能帮我改改呢,可以给予一定报酬。
- javascript如何发送windows消息?
- 求教,EXTJS和IE6、7、8的相性
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jsTree v.1.0 - Demo</title>
<script type="text/javascript" src="../_lib/jquery.js"></script>
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="../jquery.jstree.js"></script>
<link type="text/css" rel="stylesheet" href="../_docs/syntax/!style.css" />
<link type="text/css" rel="stylesheet" href="../_docs/!style.css" />
<script type="text/javascript" src="../_docs/syntax/!script.js"></script>
</head>
<body id="demo_body">
<div id="container">
<h1 id="dhead">jsTree v.1.0</h1>
<h1>DEMO</h1>
<h2>Creating a tree, binding events, using the instance</h2>
<div id="description">
<p>Here is how you create an instance, bind an event and then get
the instance.</p>
<div id="demo1" class="demo" style="height: 100px;">
<ul>
<li id="phtml_1"><a href="#">Root node 1</a>
<ul>
<li id="phtml_2"><a href="#">Child node 1</a></li>
<li id="phtml_3"><a href="#">Child node 2</a></li>
</ul></li>
<li id="phtml_4"><a href="#">Root node 2</a></li>
</ul>
</div>
<button id="btn">点击Child node 2</button>
<script type="text/javascript" class="source below">
$(function() {
$('#btn').click(function() {
$('#phtml_3 a').click();
});
$("#demo1")
.jstree(
{
"plugins" : [ "themes", "html_data", "ui",
"crrm", "hotkeys" ],
"core" : {
"initially_open" : [ "phtml_1" ]
}
})
.bind("loaded.jstree", function(event, data) {
}).delegate("a", "click", function(event, data) {
alert('被点击了')
});
});
</script>
</div>
</body>
</html>
楼主可以研究下ui plugin和crrm plugin这2个插件的API
http://www.jstree.com/documentation/ui
http://www.jstree.com/documentation/crrmJSTree API:http://www.jstree.com/documentation
$.jstree._focused().deselect_node("#child_2_2");
$.jstree._focused().select_node("#child_2_4");
第一个是取消选中的节点id,第二个是选中的节点id