简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页> web前端> js教程> 正文

实例详解jQuery EasyUI结合zTree树形结构制作web页面

小云云
发布： 2017-12-29 11:32:59
原创
1883 人浏览过

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是国内的大牛们搞的一个jquery树形tree插件,感觉很好用,很强大,而且完全免费,API等做的也非常不错。

easyui 是一个基于 jQuery 的框架，集成了各种用户界面插件。

easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。

使用 easyui，您不需要写太多 javascript 代码，一般情况下您只需要使用一些 html 标记来定义用户界面。

HTML 网页的完整框架。

easyui 节省了开发产品的时间和规模。

easyui 非常简单，但是功能非常强大。

需要的导入以下几种js文件和样式表

easyui/themes/default/easyui.css
easyui/themes/icon.css　　
jquery-1.8.3.js
easyui/jquery.easyui.min.js
ztree/jquery.ztree.all-3.5.js(该文件包括core,exhide,exedit,excheck)
ztree/zTreeStyle.css


登录后复制

相应的htm 部分代码


 
 
 
 
 
 
 
Accordion for jQuery
 
Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.
 
 
 // ztree属性结构 
     
     
     who? 
     
     
     
     // tabs 面板 
     
     
     
     
     
     // menu菜单栏 
     
    关闭当前选项卡
     
    关闭其他选项卡
     
     
    关闭所有选项卡
    登录后复制

    相关推荐：

    zTree异步加载展开第一级节点方法实现

    ztree实现左边动态生成树右边为内容详情功能实例分享

    实例详解jQuery 利用ztree实现树形表格

    以上是实例详解jQuery EasyUI结合zTree树形结构制作web页面的详细内容。更多信息请关注PHP中文网其他相关文章！

    相关标签：
    easyui jquery web
    来源：php.cn
    上一篇：完全掌握jquery tmpl模板 下一篇：关于uery EasyUI 结合ztrIee的后台页面开发教程
    本站声明
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    javascript - easyui combobox，valueField显示的问题 这个页面要做一个输入框，输入一个字以后自动查询数据库，然后显示符合的选项 {代码...} 这都没问题 问题在于 当我选中了出现的值后 本来应该是显示 textField 当实际显示...
    来自于 2017-07-05 10:50:45
    0
    2
    649
    javascript - EasyUI里的TreeGrid节点上下移动问题 {代码...}
    来自于 2017-07-05 10:45:16
    0
    1
    578
    javascript - easyui textbox绑定onchange事件不能获取最新的文本框的值 {代码...} {代码...} 在输入框输入值失去焦点后没有获取到输入的值
    来自于 2017-07-05 10:42:53
    0
    1
    1119
    javascript - UI样式计算过多导致浏览器加载过慢，IE尤其严重，求前辈指导 前段时间使用EasyUI+jQuery的方式做了个页面，一开始没感觉加载有什么问题，但随着数据越来越多，加载时间变慢地非常明显，Chrome通常是二十几秒，IE在打开性能分析的情况...
    来自于 2017-07-05 10:40:49
    0
    3
    741
    javascript - easyui的datebox修改后禁用值会发生变化，怎么解决 配置如下 {代码...} 修改保存执行$ctl.datebox('setValue', 'xxxx');修改后执行$('#billdate').datebox({disabled ...
    来自于 2017-06-28 09:27:20
    0
    1
    513
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！