ztree怎么加载数据库的数据

ztree怎么加载数据库的数据,第1张

$id=$_POST["itm"]

$sql="update vote set count=count+1 where id=$id"

if(mysql_query($sql))

{

$_SESSION["vote"]=session_id()

?>

<script language="javascript">alert("投票成功,点确定查看结

果")location.href="index.php?id=ck"</script>

要在js里面去后台获取节点数据,所有我用了ajax,但是是同步的不是异步的,json数据的格式[{id:’1’,pid:’0’,name:’1’},…………]。主页面index.jsp. 我只说js代码,剩下的我相信大家能领会的看代码

1 var zTreeObj

2 var zNodes

3 var setting = {

4 check: {

5 enable: true,

6 chkStyle:"checkbox"

7 },

8 data: {

9 simpleData: {

10 enable: true

11 }

12 }

13 }

1.首先在页面上有<ul/>标签

<ul id="tree" class="ztree"></ul>

2.定义ztree的配置参数

var setting = {

//check属性放在data属性之后,复选框不起作用

check: {

enable: true

},

data: {

simpleData: {

enable: true

},

}

}

3.获得ztree所要绑定的数据,可以使用静态数据也可以使用ajax获取的数据

a)Ztree的数据有两种格式,标准格式如下:

标准的 JSON 数据需要嵌套表示节点的父子包含关系

例如:

var nodes = [

{

name: "父节点1",

open:true,

children: [

{name: "子节点1"},

{name: "子节点2"}

]

}

]

b)简单数据格式如下(推荐使用):

简单模式的 JSON 数据需要使用 id/pId表示节点的父子包含关系,如使用其他属性设置父子关联关系请参考setting.data.simple内各项说明

例如:

var nodes = [

{id:1, pId:0, name: "父节点1"},

{id:11, pId:1, name: "子节点1"},

{id:12, pId:1, name: "子节点2"}

]

简单数据的id,pId,name,title都可以在setting的data中进行配置,指定相应的字段。

在setting的data中配置simpleData为enable:true即表示使用简单数据格式,不配置或配置为false则为标准数据格式.

var setting = {

data: {

simpleData: {

enable: true

}

}

}

4.初始化ztree生成树

$.fn.zTree.init($("#tree"), setting, nodes)

第一个参数是<ul/>id选择的jquery对象,第二个参数是配置的setting,第三个参数是获取到的数据.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10072551.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存