![](https://img-blog.csdnimg.cn/20190621205100539.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
EasyUI入门学习教程
EasyUI入门学习教程
霸道流氓气质
每一个优秀的人,都有一段沉默的时光,(项目合作请留言)是那段时光,不抱怨不诉苦,最后渡过了这段感动自己的日子。
展开
-
EasyUI中Datagride数据网格的简单使用
场景效果数据网格(DataGrid)属性该属性扩展自面板(panel),下面是为数据网格(datagrid)添加的属性。名称 类型 描述 默认值 columns array 数据网格(datagrid)的列(column)的配置对象,更多细节请参见列(column)属性。 undefined frozenColumns arra...原创 2019-06-21 20:43:59 · 876 阅读 · 0 评论 -
EasyUI中Combox组合框的简单使用
场景效果用法从带有预定义结构的 <select> 元素创建组合框(combobox)。<select id="cc" class="easyui-combobox" name="dept" style="width:200px;"><option value="aa">aitem1</option><option&...原创 2019-06-21 20:34:43 · 891 阅读 · 0 评论 -
EasyUI中Datebox日期框的简单使用
场景效果属性该属性扩展自组合(combo),下面是为日期框(datebox)添加的属性。名称 类型 描述 默认值 panelWidth number 下拉日历面板的宽度。 180 panelHeight number 下拉日历面板的高度。 auto currentText string 当前日期按钮上...原创 2019-06-21 20:22:52 · 1106 阅读 · 0 评论 -
EasyUI中Calendar日历的简单使用
场景效果属性名称 类型 描述 默认值 width number 日历(calendar)组件的宽度。 180 height number 日历(calendar)组件的高度。 180 fit boolean 当设置为 true 时,则设置日历的尺寸以适应它的父容器。 false border ...原创 2019-06-21 20:18:31 · 1139 阅读 · 0 评论 -
EasyUI中filebox文件选择框的简单使用
场景效果属性属性扩展自 textbox,以下是新增或重写的文件框属性。属性名 属性值类型 描述 默认值 buttonText string 在文本框上附加的按钮显示的文本。 Choose File buttonIcon string 在文本框上附加的按钮显示的图标。 null buttonAlign ...原创 2019-06-21 20:16:47 · 3687 阅读 · 0 评论 -
EasyUI中Numberbox的简单使用
场景效果用法从标记创建数字框(numberbox)。<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">使用 javascript 创建数字框(numberbox)。<input type="text" id="nn">...原创 2019-06-21 20:15:36 · 2547 阅读 · 0 评论 -
EasyUI中Validatebox验证框的简单使用
场景效果属性名称 类型 描述 默认值 required boolean 定义是否字段应被输入。 false validType string,array 定义字段的验证类型,比如 email、url,等等。可能的值: 1、验证类型字符串,应用单个验证规则。 2、验证类型数组,应用多个验证规则。单个字段上的多个验证规...原创 2019-06-21 20:13:08 · 656 阅读 · 0 评论 -
EasyUI中ToolTip提示框的简单使用
场景效果属性名称 类型 描述 默认值 position string 提示框(tooltip)位置。可能的值:'left'、'right'、'top'、'bottom'。 bottom content string 提示框(tooltip)内容。 null trackMouse boolean 如果设置为...原创 2019-06-20 08:41:50 · 1624 阅读 · 0 评论 -
EasyUI中Messager消息框的简单使用
场景效果属性名称 类型 描述 默认值 ok string 确定按钮的文本。 Ok cancel string 取消按钮的文本。 Cancel 方法名称 参数 描述 $.messager.show options 在屏幕的右下角显示一个消息窗口,options 参数是一个配置对象: ...原创 2019-06-19 22:33:44 · 558 阅读 · 0 评论 -
EasyUI中Dialog对话框的简单使用
场景效果属性该属性扩展自窗口(window)下面是为对话框(dialog)重写的属性。名称 类型 描述 默认值 title string 对话框的标题文本。 New Dialog collapsible boolean 定义是否显示折叠按钮。 false minimizable boolean 定义是...原创 2019-06-19 22:18:06 · 641 阅读 · 0 评论 -
EasyUI中Window窗口的简单使用
场景效果属性该属性扩展自面板(panel),下面是为窗口(window)重写和添加的属性。名称 类型 描述 默认值 title string 窗口的标题文本。 New Window collapsible boolean 定义是否显示折叠按钮。 true minimizable boolean 定义是...原创 2019-06-19 22:12:30 · 636 阅读 · 0 评论 -
EasyUI中树的基本操作
场景效果树(tree)定义在 <ul> 元素中。该标记可定义叶节点和子节点。节点将是 ul 列表内的 <li> 元素。属性名称 类型 描述 默认值 url string 获取远程数据的 URL 。 null method string 检索数据的 http 方法(method)。 post ...原创 2019-06-19 21:39:46 · 781 阅读 · 0 评论 -
EasyUI中菜单Menu的简单使用
场景效果菜单项菜单项(menu item)代表一个显示在菜单中的单独的项目。它包含下列属性:名称 类型 描述 默认值 id string 菜单项(menu item)的 id 属性。 text string 项目文本。 iconCls string 在项目左边显示一个 16x16 图标的 CS...原创 2019-06-18 21:59:59 · 1267 阅读 · 0 评论 -
EasyUI中Tabs标签页的简单使用
场景效果属性 tabs none 返回全部的标签页面板(tab panel)。 resize none 调整标签页(tabs)容器的尺寸并做布局。 add options 添加一个新的标签页面板(tab panel),options 参数是一个配置对象,更多详细信息请参见标签页面板(tab panel)属性。 当添加一个新的标...原创 2019-06-18 21:31:59 · 775 阅读 · 0 评论 -
EasyUI中layout布局的简单使用
场景效果布局选项(Layout Options)名称 类型 描述 默认值 fit boolean 当设置为 true 时,就设置布局(layout)的尺寸适应它的父容器。当在 'body' 标签上创建布局(layout)时,它将自动最大化到整个页面的全部尺寸。 false 区域面板选项(Region Panel Options)区域面...原创 2019-06-18 20:42:51 · 894 阅读 · 0 评论 -
EasyUI中Accordion折叠面板的简单使用
场景效果容器选项名称 类型 描述 默认值 width number 折叠面板(Accordion)容器的宽度。 auto height number 折叠面板(Accordion)容器的高度。 auto fit boolean 设置为 true,就使折叠面板(Accordion)容器的尺寸适应它的父容器。...原创 2019-06-17 23:20:29 · 899 阅读 · 0 评论 -
EasyUI中Panel面板的简单使用
场景效果属性名称 类型 描述 默认值 id string 面板(panel)的 id 属性。 null title string 显示在面板(panel)头部的标题文字。 null iconCls string 在面板(panel)里显示一个 16x16 图标的 CSS class。 null ...原创 2019-06-17 21:49:29 · 1751 阅读 · 3 评论 -
EasyUI中分页的简单使用
场景效果属性名称 类型 描述 默认值 total number 记录总数,应该在创建分页(pagination)时设置。 1 pageSize number 页面尺寸。(注:每页显示的最大记录数) 10 pageNumber number 创建分页(pagination)时显示的页码。 1 pa...原创 2019-06-17 21:22:48 · 438 阅读 · 0 评论 -
EasyUI中进度条的简单使用
场景效果属性名称 类型 描述 默认值 width string 设置进度条(progressbar)的宽度。 auto height number 组件的高度。该属性自版本 1.3.2 起可用。 22 value number 百分比值。 0 text string 显示在组件上的文...原创 2019-06-17 21:03:46 · 1004 阅读 · 2 评论 -
EasyUI中搜索框的简单使用
场景基本搜索框流式搜索框搜索框类别实现基本搜索框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框</title> <link rel="stylesheet" t...原创 2019-06-05 21:16:17 · 951 阅读 · 0 评论 -
EasyUI中放置Droppable的使用以及实现拖拽排序
场景效果实现webapp下新建droppable文件夹,在其下新建basic.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>可放置</title> <link rel="st...原创 2019-06-05 20:30:00 · 1447 阅读 · 1 评论 -
EasyUI中拖动draggable的使用
场景EasyUI环境搭建与入门基础语法:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/90760947效果实现在webapp下新建pages目录,在pages目录下新建draggable目录,并在其下新建basic.html通过class属性实现<!DOCTYPE html><...原创 2019-06-04 21:38:37 · 402 阅读 · 0 评论 -
EasyUI环境搭建与入门基础语法
场景EasyUI中文网:http://www.jeasyui.net/下载:http://www.jeasyui.net/download/jquery.html选择免费版下载,下载后解压:实现打开IDEA-new Project-Maven--勾选Create from archetype--选择webapp设置自己的Maven仓库等。建成之后...原创 2019-06-03 23:25:53 · 517 阅读 · 0 评论 -
EasyUI入门教程整理与示例代码下载
场景EasyUI环境搭建与入门基础语法https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/90760947EasyUI中拖动draggable的使用https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/90813794EasyUI中放置Droppabl...原创 2019-06-22 20:22:39 · 371 阅读 · 0 评论