初见jQuery EasyUI
2017-03-25 14:43
162 查看
本文通过一个简单的小例子,简述jQuery EasyUI的使用方法,仅供学习分享使用,如有不足之处,还请指正。
什么是jQuery EasyUI ?
引用官网的一句话:jQuery EasyUI framework helps you build your web pages easily。其特点就就快速,灵活,简单。
本文借助自己的第一个B/S系统,简述一下jQuery EasyUI的相关功能。【本文采用纯前端处理,不涉及后台数据库,列表中数据是从Json文件中读取】
涉及知识点
【每一个知识点都是一个组件】:
dialog 一种特殊类型的窗口,扩展自window
layout 布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的
tree 树控件在web页面中一个将分层数据以树形结构进行显示
tabs 选项卡显示一组Panel
datagrid DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持
validatebox validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。主要是客户端验证
linkbutton 按钮组件使用超链接按钮创建
效果图
具体如下图所示:
【登录框】
【后台管理页面】
【列表框】
【新增窗口】Modal窗口
-----------------------------------------------------------------------------
备注:jQuery EaysUI的功能还有很多,可以进行常见的功能开发,是一款很不错的轻量级组件。
什么是jQuery EasyUI ?
引用官网的一句话:jQuery EasyUI framework helps you build your web pages easily。其特点就就快速,灵活,简单。
本文借助自己的第一个B/S系统,简述一下jQuery EasyUI的相关功能。【本文采用纯前端处理,不涉及后台数据库,列表中数据是从Json文件中读取】
涉及知识点
【每一个知识点都是一个组件】:
dialog 一种特殊类型的窗口,扩展自window
layout 布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的
tree 树控件在web页面中一个将分层数据以树形结构进行显示
tabs 选项卡显示一组Panel
datagrid DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持
validatebox validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。主要是客户端验证
linkbutton 按钮组件使用超链接按钮创建
效果图
具体如下图所示:
【登录框】
【后台管理页面】
【列表框】
【新增窗口】Modal窗口
-----------------------------------------------------------------------------
备注:jQuery EaysUI的功能还有很多,可以进行常见的功能开发,是一款很不错的轻量级组件。
相关文章推荐
- 我国Linux产业链初见成熟 专家呼吁加强应用
- 初见Bill Gates印象记
- 人生若只如初见时[收藏]
- 人生只如初见
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- 总结发布jQuery EasyUI 中文API—Layout(Panel)
- jQuery EasyUI 数字框(NumberBox)用法
- jQuery EasyUI 的EasyLoader功能介绍
- jquery easyui datagrid的增加,修改,删除
- JQuery EasyUI DataGrid 编程经验
- JQuery easyui 在Asp.net环境的数据库操作测试(一)
- JQuery easyUI 之 datebox plugin
- JQuery EasyUI 之 combobox plugin
- jquery easyui combobox问题分析
- Jquery easyui dialog组件, 默认不自动打开
- JQuery easyui accordion 单击再显示滚动条丢失问题
- JQuery EasyUi之界面设计——通用的JavaScript(二)
- jQuery EasyUI 1.2.6 新特性
- Entity Framework ---初见
- MySQL之初见