一、业务说明
本次是一个商城购物系统中关于商品分类的树形结构讲解。
这里的树形结构用于新增一条商品时,选择此商品的分类信息,并保存到数据库。
样式大致为:
二、前端说明
1、树形结构控件代码
$("#tree").tree({
url:"tree.json", //加载远程JSON数据
method:"get", //请求方式 POST
animate:false, //表示显示折叠端口动画效果
checkbox:true, //表述复选框
lines:true, //表示显示连接线
dnd:true, //是否拖拽
onClick:function(node){ //添加点击事件
//控制台
console.info(node);
}
});
2、 树形结构JS代码
树控件读取URL。
子节点的加载依赖于父节点的状态:当展开一个封闭的节点,如果节点没有加载子节点,它将会把节点id的值作为http请求参数并命名为’id’,通过URL发送到服务器上面检索子节点。