我想将点击事件添加到jstree的异步列表项中.

理想的结果是:当我单击jstree中的项目时,该项目的内容将作为参数传输到sql查询,然后执行该查询并在同一页或另一页中显示结果集.

虽然我不知道如何实现它.我在jquery.tree.js中找到了以下代码.而且我认为我应该修改事件.但是我不知道如何.您可以看到代码并给我一些建议或指导吗?

$("#" + this.container.attr("id") + " li a")

.live("click.jstree", function (event) { // WHEN CLICK IS ON THE TEXT OR ICON

if(event.which && event.which == 3) return true;

if(_this.locked) {

event.preventDefault();

event.target.blur();

return _this.error("LOCKED");

}

_this.select_branch.apply(_this, [event.target, event.ctrlKey || _this.settings.rules.multiple == "on"]);

if(_this.inp) { _this.inp.blur(); }

event.preventDefault();

event.target.blur();

return false;

})

页面代码:

$(function () {

$("#async_json_1").tree({

data : {

type : "json",

opts : {

url : "twodimen.php"

}

},

callback:{

onselect: function(node,tree){

}

}

});

});

非常感谢.

解决方法:

您可以使用通常在单击节点时发生的回调方法onselect(即使您也可以通过脚本选择它)

如果您的节点(li)的ID格式为“ node_1234”,则:

$(function () {

$("#async_json_1").tree({

data : {

type : "json",

opts : {

url : "twodimen.php"

}

},

callback: {

onselect: function(node, tree) {

var id = $(node).attr("id").split("_")[1]; // that is 1234

$.ajax({

url: "your/url",

data: "id="+id,

success: function(data){

alert("Great");

}

});

}

}

});

});

我刚刚意识到,还有一种甚至更简单的方式可以满足您的需求:

$(function () {

$("#async_json_1").tree({

data : {

type : "json",

opts : {

url : "twodimen.php"

}

}

});

$(".tree a").live("click", function(e) {

// your code here

})

});

标签:jstree,javascript,php,jquery

来源: https://codeday.me/bug/20191024/1918910.html

php 列表 单击事件,首页gt; PHPgt;如何添加点击事件到jstree的(jQuery插件)异步列表?...相关推荐

  1. textview点击事件 android,Android给TextView添加点击事件的实现方法

    首先设定TextView的clickable属性为true. 可以在布局文件中进行设定,比如: android:id="@+id/phone" android:clickable= ...

  2. 谷歌地图中给infowindow添加点击事件

    项目中想实现点击地图中marker上面的图标,即点击infowindow之后跳转到另一个界面,发现不可以像监听marker点击事件一样直接给infowindow添加点击事件.解决方法为将content ...

  3. js为li列表添加点击事件

    今天看到一个面试题目 //html代码 <body><ul><li>1</li><li>2</li><li>3< ...

  4. 【Qt】Qt 开发桌面程序 ( Qt 版本 5.14.2 | 编辑 Qt 桌面按钮控件 | 修改按钮文本 | 为按钮添加点击事件 | 系统调用 | 去掉系统调用命令窗口 )

    文章目录 一.添加按钮控件 二.修改按钮文本 三.为按钮添加点击事件 ( 弹出对话框 ) 四.为按钮添加点击事件 ( 打开记事本 ) 五.为按钮添加点击事件 ( 打开计算器 ) 六.去掉系统调用时弹出 ...

  5. flutter中使用InkWell给任意Widget添加点击事件

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. 重要消息 [x1]微信公众号的每日提醒 随时随记 每日积累 随心而过 [x2]各种系列的视频教程 免费开源 关注 你不会迷路 [x3] ...

  6. Vue 之 vue-seamless-scroll 实现简单自动无缝滚动,且添加对应点击事件的简单整理

    Vue 之 vue-seamless-scroll 实现简单自动无缝滚动,且添加对应点击事件的简单整理 目录 Vue 之 vue-seamless-scroll 实现简单自动无缝滚动,且添加对应点击事 ...

  7. Android提取字符串中的特殊字符(以手机号为例)并修改样式和添加点击事件

    首先上代码(效果图在最下方): //找到你要赋值的那个控件TextView tv_phone = findViewById(R.id.tv_phone);//先定义一串字符串(包含手机号和座机号)St ...

  8. 如何通过JS动态给li标签添加点击事件并跳转

    如何给li标签添加点击事件 一.HTML demo代码 二.JS动态新增li并绑定点击事件 三.效果图 有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...

  9. QT编程 之 为Label添加点击事件

    在使用QT编程过程中发现QLabel没有点击事件,很多想法就不能很好的实现.经过搜索和实践,分享一个兼容性更好,更灵活的方法- - - -重写QLabel.简单的说就是写一个子类,继承自QLabel, ...

最新文章

  1. 让数字营销向人工智能借一双慧眼
  2. JVM学习04:类的文件结构
  3. 未来计算机领域最急缺的人,未来十年最紧缺职业 没人愿意干的高薪职业
  4. 【Qt教程】3.2 - Qt5 event事件、定时器timerEvent
  5. 机器学习基础(三十二) —— 使用 Apriori 算法进行关联分析
  6. 测试管理工具实践(小组作业)
  7. golang cover协程异常
  8. $(...).nicescroll is not a function报错分析
  9. VS2019安装和使用教程
  10. 谷歌生物医学专用翻译_干货| 三款精选文献翻译神器,助力文献阅读!
  11. 云计算、物联网、大数据到底是什么?
  12. SUPER-VLAN
  13. 《Designing and Training of A Dual CNN for Image Denoising》阅读笔记
  14. 为什么会对电视剧上瘾?
  15. python expandtabs_Python中expandtabs()的使用方法
  16. CKH IOD选择通过CSG增强其数字批发和物联网客户体验
  17. 独孤思维:闷声发财,实操第二天出单,项目越做越香
  18. Git分支切换的正确操作,你真的会吗?
  19. Crisis Dents Putin's Popularity
  20. ArcGIS拓扑面错误批量修改

热门文章

  1. Xdebug部分配置选项说明
  2. 对当今社会的某些现象的感想
  3. 博客远非“第五力量”
  4. ZZULIOJ 1136: 首字母变大写
  5. String、int、Integer互转的常用方法
  6. 分苹果(信息学奥赛一本通-T1081)
  7. 信息学奥赛C++语言:顺序输出
  8. 46 FI配置-财务会计-固定资产-一般评估-指定平行货币的使用
  9. 4.6.1 定义工作区
  10. 协同进化遗传算法 代码_遗传算法在组卷中的应用