zoukankan      html  css  js  c++  java
  • ztree数据库交互

    本来自己动手写了一个treeview的,但是界面太挫了,最后还是觉得下一个好了,下了一ztree,发现功能很强大。但是它的数据都是放在一个Data的js文件中。

    后来看了ztree的API发现了一些规律,只要数据满足:

    var zNodes =[
         {id:1, pId:0, name:"北京"},
         {id:2, pId:0, name:"天津"},
         {id:3, pId:0, name:"上海"},
         {id:6, pId:0, name:"重庆"},
         {id:4, pId:0, name:"河北省", open:true},
         {id:41, pId:4, name:"石家庄"},
         {id:42, pId:4, name:"保定"},
         {id:43, pId:4, name:"邯郸"},
         {id:44, pId:4, name:"承德"},
         {id:5, pId:0, name:"广东省", open:true},
         {id:51, pId:5, name:"广州"},
         {id:52, pId:5, name:"深圳"},
         {id:53, pId:5, name:"东莞"},
         {id:54, pId:5, name:"佛山"}]

    ,并且在setting中添加treeNodeKey: "id",  treeNodeParentKey: "pId",就可以从数据中获取的数据来填充节点。

    我将数据库查询到的数据化为上面数据的形式了,可是还是不能用,原来传到js中的是string类型的,后来尝试了很多的方法,比如将得到的数据数组化,再化为object,可都行不通,后来偶然间搜到了eval,以前一直不知道eval到底有什么用,现在终于发现他的强大了,就是可以把数据化为json类型的

    代码如下: zNodes = eval('(' + zNodes + ')');

    总算是完成了第一个基本的功能。关于ztree更多与数据库的交互,以后再继续更新。。。

  • 相关阅读:
    面试题63 二叉搜索树的第k个结点
    面试题62 序列化二叉树
    面试题61 把二叉树打印成多行
    面试题60 按之字形顺序打印二叉树
    centos下Nginx代理访问web服务
    回文数
    两数之和--哈希表unordered_map
    删除链表的倒数第N个节点---链表的应用
    基础篇,排序(冒泡排序,快速排序)
    linuxC网络聊天室简单代码,CSDN博客迁移
  • 原文地址:https://www.cnblogs.com/josie/p/2155852.html
Copyright © 2011-2022 走看看