如何获取bootstrap响应式中jstree是否选中

来源：蜘蛛抓取(WebSpider) 时间：2016-10-22 09:41 标签： bootstrap响应式

应用jstree的onselect事件获取当前选中的节點的名字，并且赋值给一个input：

// 初始化表格参数配置 //当表格数据加载完成时 //这里可以获取从服务端获取的JSON数据

* 因此在当前控制器中可不用编写增删改查的代码,除非需要自己控制这部分逻辑 //当前是否为关聯查询 //当前是否为关联查询

然后html页面（只用到index页面 add页面和edit页面不需要）：

最后就完成了，代码比较简陋你可以继续优化下

2.在页面引入插件js文件css文件

2）js 使用 demo2來初始化树形控件

//同级之间的排序排序id 小的排前面

插件初始化我这里使用了插件的两个参数json_data,以及plugins注意看代码结构


4.1上图两个部分即初始化蔀分重点解释下plugins这个参数是jstree整合插件的地方theme表示主题，json_data将上文定义的json_data也就

是Ajax从后要获取json数据返回到前台页面contextmenu，是鼠标右键在树形节点上會弹出增删改查的菜单

这是一个可以无限极下分的菜单，我们可以根据上图的目录结构对照下面的json数据结构来看这样会更清晰。

4.4组装json數据我使用的是首先查找到所有的父节点即parentid=1的时候，然后递归将所有的子节点加到List<chiledren>对象里面紧接着再通过循环递归组装无限极菜单json数據下面看数据库数据结构

//同级之间的排序。排序id 小的排前面 //此处调用创建树节点的方法

这里是创建json的核心

//放置所有的根节点部门实体

1.如哬创建节点通过右键点击树形菜单弹出增加移除等操作（需在plugins里面加入contextmenu 这个例子就有）

2.绑定jstree的操作，此处以增加节点为例不一一例举


原理;通过点击创建按钮（contextMenu）即选定树节点右键弹出按钮调用上图的方法，上图方法post方法通过ajax请求后台数据把创建的树节点保存到数据库

operation：操作的方式（创建，移除修改。）；

id:当前节点的id 即你创建下一个节点的parentID。

title:创建的新节点的名称

有这些数据就可以字啊后台获取数据然後增加到数据库

4.8 创建 servlet处理所有的操作（创建，移除修改。）

好了这就完成了，当然这里面的树也是可以自定义图标自定义按钮等操作，具体可以自己去探究


我要回帖

更多关于 bootstrap响应式 的文章

 

随机推荐