easyUi
关注
分享
扫一扫
文章平均质量分 72
quge_name_harder
指尖 拥有改变世界的力量
展开
-
jQuery-EasyUI学习（十六）Tree（树）
一、Tree（树）树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>Tree（树）</t...原创 2018-11-27 17:55:12 · 430 阅读 · 0 评论 -
jQuery-EasyUI学习（十五）Messager（消息窗口）
一、Messager（消息窗口） 消息窗口提供了不同的消息框风格，包含alert(警告框), confirm(确认框), prompt(提示框), progress(进度框)等。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4....原创 2018-11-27 17:51:12 · 595 阅读 · 0 评论 -
jQuery-EasyUI学习（十四）Dialog（对话框窗口）
一、Dialog（对话框窗口） 该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans...原创 2018-11-26 22:45:19 · 600 阅读 · 0 评论 -
jQuery-EasyUI学习（十三）Window（窗口）
一、Window（窗口） 窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <...原创 2018-11-26 21:52:14 · 300 阅读 · 0 评论 -
jQuery-EasyUI学习（十二）progressbar进度条
一、progressbar进度条进度条提供了一个反馈显示一个长时间运行的操作进展。可以更新的进展条，让用户知道当前正在执行操作。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>ProgressBa...原创 2018-11-26 21:30:38 · 260 阅读 · 0 评论 -
jQuery-EasyUI学习（十一）slider滑动条框
一、slider滑动条框 滑动条允许用户从一个有限的范围内选择一个数值。当滑块控件沿着轨道移动的时候，将会显示一个提示来表示当前值。用户可以通过设置其属性自定义滑块。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head>...原创 2018-11-26 20:55:04 · 582 阅读 · 0 评论 -
jQuery-EasyUI学习（十）NumberSpinner（数字微调）
一、NumberSpinner（数字微调） 数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值，比如：数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> &l...原创 2018-11-26 20:48:11 · 788 阅读 · 0 评论 -
jQuery-EasyUI学习（九）DateBox（日期输入框）
一 、DateBox（日期输入框） 日期输入框结合了一个可编辑的文本框控件和允许用户选择日期的下拉日历面板控件。选择的日期会自动转变为一个有效的日期然后填充到文本框中。选定的日期也可以被格式化为预定格式。二、例子<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html&g...原创 2018-11-26 20:37:32 · 1073 阅读 · 0 评论 -
jQuery-EasyUI学习（八）ComboBox（下拉列表框）
一、ComboBox（下拉列表框） 下拉列表框显示一个可编辑文本框和下拉式列表，用户可以选择一个值或多个值。用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值。二、例子城市： <select id="cityID" class="easyui-combobox" name="city" style="width:200px;"> ...原创 2018-11-22 10:34:44 · 600 阅读 · 0 评论 -
jQuery-EasyUI学习（七）validatebox验证框
一、validatebox(验证框) validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。二、例子姓名：<input id="nameID"/><p/> <script...原创 2018-11-22 10:14:38 · 472 阅读 · 0 评论 -
jQuery-EasyUI学习（六）Pagination分页
一、Pagination（分页） 该分页控件允许用户导航页面的数据。它支持页面导航和页面长度选择的选项设置。用户可以在分页控件上添加自定义按钮，以增强其功能。例子：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> ...原创 2018-11-20 22:20:23 · 259 阅读 · 0 评论 -
jQuery-EasyUI学习（五）Tabs选项卡
一、Tabs选项卡选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单，包括关闭按钮和其他自定义按钮。例子：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>T...原创 2018-11-20 22:09:02 · 271 阅读 · 0 评论 -
jQuery-EasyUI学习（四）LinkButton按钮
一、LinkButton按钮 按钮组件使用超链接按钮创建。它使用一个普通的<a>标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。例子：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html&...原创 2018-11-19 16:29:02 · 495 阅读 · 0 评论 -
jQuery-EasyUI学习（三）accordion分类布局
一、accordion分类 分类空间允许用户使用多面板，但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的'href'属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板，如果未指定，那么第一个面板就是默认的。例子：<!DOCTYPE HTML PUBLIC "-//W3...原创 2018-11-19 16:19:42 · 268 阅读 · 0 评论 -
jQuery-EasyUI学习（二）layout布局
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>Layout（布局）</title> <meta http-equiv="keywords" content="培训原创 2018-11-18 17:57:15 · 282 阅读 · 0 评论 -
什么是jQuery-EasyUI？（一）
什么是jQuery-EasyUI？ 是一种第三方组织开发的一款基于jQuery的，简单易用的，功能强大的WEB[后台前端]JavaScript现成的组件库。快速入门1）创建一个web工程2）在WebRoot目录下创建00_base.html3) 在WebRoot目录下创建js和themes目录，导入官方文件4)在00_base.html 文件的<head...原创 2018-11-18 17:42:01 · 452 阅读 · 0 评论