__2.4 EasyUI
文章平均质量分 87
sunpy 孙培煜
万物之中,希望至美;至美之物,永不凋零。
展开
-
EasyUI之分类Accordion
1.布局样式分类空间允许用户使用多面板,但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的'href'属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板,如果未指定,那么第一个面板就是默认的。2.练习1:折叠面板accordion(分类) <div id="原创 2017-04-08 12:20:56 · 1174 阅读 · 0 评论 -
EasyUI异步分页
1.使用技术EasyUI+servlet+c3p0+mysql2.搭建环境 junit junit 4.11 test commons-beanutils commons-原创 2017-04-05 20:59:51 · 569 阅读 · 0 评论 -
EasyUI之消息窗口messager
1.样式消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), progress(进度框)等。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。2.练习1:生成消息窗口messager原创 2017-04-10 21:55:27 · 1641 阅读 · 0 评论 -
EasyUI之窗口window
1.样式窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。2.练习1:静态方式生成窗口window <div id="winID" class="easyui-window" title="我的窗口" styl原创 2017-04-10 21:26:34 · 661 阅读 · 0 评论 -
EasyUI之进度条progressBar
1.样式进度条提供了一个反馈显示一个长时间运行的操作进展。可以更新的进展条,让用户知道当前正在执行操作。2.练习:动态加载进度条progressBar <a id="btnID" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-原创 2017-04-10 21:05:47 · 9152 阅读 · 0 评论 -
EasyUI之滑动条Slider
1.样式滑动条允许用户从一个有限的范围内选择一个数值。当滑块控件沿着轨道移动的时候,将会显示一个提示来表示当前值。用户可以通过设置其属性自定义滑块。2.练习1:使用js生成滑动条slider 身高: $("#heightID").slider({ mode:"v", min :0, max :100, rule原创 2017-04-10 20:35:56 · 4665 阅读 · 0 评论 -
EasyUI之日期输入框dateBox
1.样式日期输入框结合了一个可编辑的文本框控件和允许用户选择日期的下拉日历面板控件。选择的日期会自动转变为一个有效的日期然后填充到文本框中。选定的日期也可以被格式化为预定格式。2.练习1:使用标签创建日期输入框dateBox 时间: 结果:3.练习2:使用js创建日期输入框dateBox原创 2017-04-09 21:13:03 · 1669 阅读 · 0 评论 -
EasyUI之下拉列表框comboBox
1.布局下拉列表框显示一个可编辑文本框和下拉式列表,用户可以选择一个值或多个值。用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值。2.练习1:静态方式1生成下拉列表框comboBox wuhan beijing shanghai guangzhou原创 2017-04-09 20:54:33 · 947 阅读 · 0 评论 -
EasyUI之验证框validatebox
1.样式validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。2.练习1:验证输入字符长度及非空validatebox 姓名: $("#validateb原创 2017-04-09 11:38:55 · 654 阅读 · 0 评论 -
EasyUI之选项卡Tabs
1.样式选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮。2.练习1:构建选项卡tabs <div id="tabsID" class="easyui-tabs" style="width:500px;height:250px;" data-option原创 2017-04-08 15:40:07 · 1560 阅读 · 0 评论 -
EasyUI之Linkbutton按钮
1.样式按钮组件使用超链接按钮创建。它使用一个普通的标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。2.练习1:按钮link button <a id="add" href="#" class="easyui-linkbutton" data-opti原创 2017-04-08 13:57:52 · 4158 阅读 · 0 评论 -
EasyUI之布局Layout
1.布局样式布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。如果设置高度,如果内容大于设置的高度则自动添加滚动条。2.练习1:布局中间添加图片layout01.html:l原创 2017-04-08 10:53:05 · 2267 阅读 · 0 评论 -
EasyUI之树形结构tree
1.样式树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。2.静态方式生成树tree 第一章 第一节 第一条原创 2017-04-20 21:46:41 · 16412 阅读 · 2 评论