zTree编写后没有任何内容显示

qq_35730761 2017-04-28 09:42:33
<script type="text/javascript" src="js/jquery.js" >
var setting = {
data:{
simpleData:{
enable:true
}
}
};
var zNodes =[
{id:1, pId:0, name:"行政管理部", open:true},
{id:101, pId:1, name:"前台接待", file:"core/standardData"},
{id:102, pId:1, name:"前台咨询", file:"core/simpleData"},
{id:103, pId:1, name:"人力资源", file:"core/noline"},
{id:104, pId:1, name:"后勤支援", file:"core/noicon"},

{id:2, pId:0, name:"总务部", open:false},
{id:201, pId:2, name:"卫生保洁", file:"excheck/checkbox"},
{id:206, pId:2, name:"电话总机服务", file:"excheck/checkbox_nocheck"},
{id:207, pId:2, name:"安全门卫", file:"excheck/checkbox_chkDisabled"},

{id:3, pId:0, name:"采购部", open:false},
{id:301, pId:3, name:"原材料采购", file:"exedit/drag"},
{id:302, pId:3, name:"公司日用采购", file:"exedit/drag_super"},
{id:303, pId:3, name:"外购产品采购", file:"exedit/drag_fun"},

{id:4, pId:0, name:"客服部", open:false},
{id:401, pId:4, name:"VIP客服", file:"bigdata/common"},
{id:402, pId:4, name:"售前客服", file:"bigdata/diy_async"},
{id:403, pId:4, name:"售后客服", file:"bigdata/page"},

{id:5, pId:0, name:"生产部", open:false},
{id:501, pId:5, name:"生产调度组", file:"super/oneroot"},
{id:502, pId:5, name:"设备工程组", file:"super/oneclick"},
{id:503, pId:5, name:"研发组", file:"super/singlepath"},
{id:504, pId:5, name:"维修组", file:"super/diydom"},
{id:505, pId:5, name:"组装组", file:"super/checkbox_radio"},
{id:506, pId:5, name:"测试组", file:"super/left_menu"},
{id:513, pId:5, name:"包装组", file:"super/left_menuForOutLook"},
{id:515, pId:5, name:"QC组", file:"super/awesome"},

{id:6, pId:0, name:"储运部", open:false},
{id:601, pId:6, name:"原材料仓", file:"exhide/common"},
{id:602, pId:6, name:"半成品仓", file:"exhide/checkbox"},
{id:603, pId:6, name:"成品仓", file:"exhide/radio"},
{id:603, pId:6, name:"返修仓", file:"exhide/radio"}
];
$(function(){
$.fn.zTree.init($("#tree"),setting,zNodes);
});
</script>
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="modal-title">
选择部门
</h4>
</div>
<div class="modal-body">
<ul id="tree" class="ztree"></ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
关闭(ESC)
</button>
<button class="btn btn-primary">
<span class="glyphicon glyphicon-ok"></span>
确定
</button>
</div>
...全文
99 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
国产java类cms简介 tjpcms是一套基于java的cms解决方案,开源免费。其独有的实时配置增删改查的功能,是其区别于同类cms的最大特点,也是最大优势,极大减少了重复劳动。懂jsp即可实现快速建站、静态化等,学习成本极低。文档齐全,支持有力,快来试试吧! tjpcms有什么用? 这是所有读者最核心的疑问!网上的开源框架多如牛毛,但往往讲了一大堆,读者也没搞清楚框架究竟能帮使用者做什么。tjpcms最核心的作用就是:帮助java web开发者以动态配置的方式完成增删改查的页面及功能。具体是个什么意思呢,可以举个栗子看一下tjpcms动态如何配置增删改查 下载下来的tjpcms怎么用? 下载下来的压缩包是工程源码及数据库文件,将源码导入到MyEclipse中,数据库导入到Mysql中,再配置一下工程中数据链接,就可以访问啦!具体可见环境配置 tjpcms用到或参考了哪些组件和框架? 底层是Java,数据库是Mysql,开发框架是spring MVC,数据库层是MyBatis,后端用到的都是很大众化的。前端主要用到或参考了ueditor、layui、artTemplate、pintuer、ligerUI、iconfont、Ztree等,前端综合要求更高。 tjpcms能帮我做什么? 通俗来说,其实就是帮助你以最便捷的方式将各种类型的数据规范入库,尽可能少写代码,越少越好,做到极致,功能及页面都靠配置来完成,且能够即时修改即时显示,再配合一些工具及技巧就极大地提升了效率。cms只管后台的数据入库,显示由前台负责,因此可互不干扰同步开发。具体参见教程。 tjpcms相比其他cms有什么优势? 1、实时配置增删改查。以后台友情链接功能为例,增删改查、校验、图片上传等功能及相关页面,仅需12行代码完成最普通的单表(友情链接页面) 2、官方JSTL模板。前台模板采用官方的JSTL,不需要额外学习其他模板如FreeMarker、Smarty或其他cms自行开发的小众模板,用JSTL即可实现整站及局部静态化,显著降低了学习成本。 3、极简设计。提倡减法,设计思路类似RISC,只保留构成cms基本功能所必须的参数,避免动辄一堆复杂输入的表单,怎么方便怎么来,极大地方便了二次开发。 4、扎实的教程。作者从切身体会出发,深知配套教程的重要性,因此精心编写了一组使用文档,亲测每一个步骤,力求为用户的使用提供最大程度的方便。 tjpcms收费吗? 开源(采用最宽松的MIT 协议)、免费(个人参考学习、商用均免费)。tjpcms是作者在实际工作过程中不断提炼升华出来、面向java web开发者的一套快速建站解决方案,初衷就是和广大java web的开发者一起分享cms类网站的设计及实现,大家共同进步,而且本身也参考采用了许多的优秀的前后端的开源框架,因此开源免费,但使用者不得以任何形式隐去版权信息,还请尊重作者的著作权。 tjpcms的理念有哪些? 1、面向的受众是开发者而非普通用户。专业的事情交给专业的人去做,要使用tjpcms必须会java web开发,普通用户是无法使用tjpcms的。 2、纯信息发布类的cms网站没有生命力。网站要能够发挥实际作用、解决痛点问题就必须要整合业务进去,所以基于cms的二次开发是常态。 3、功能少了不方便,多了又复杂,但少总比多好。需求是千变万化,甚至意想不到的,很多功能可能用户根本就用不上,还不如没有。 国产java类cms页面展示 相关阅读 同类推荐:cms

87,917

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧