easyUI学习
文章平均质量分 58
小太阳哇
这个作者很懒,什么都没留下…
展开
-
easyUI布局-panel面板
使用$.fn.panel.defaults重写默认值对象。面板作为承载其它内容的容器。这是构建其他组件的基础(比如:layout,tabs,accordion等)。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。属性名称 类型 描述 默认值 id string 面板(panel)的 id 属性。 ...原创 2020-10-13 17:44:20 · 913 阅读 · 0 评论 -
easyui-combobox的置灰与可选与点击时触发事件
有时我们在做前端页面时会有置灰下拉框的场景,在用户点击某个按钮前,这个下拉框没法选择,也就是置灰状态,点击获取下拉框值按钮后这个下拉框才会处于可选状态。下面是代码:<div> 下拉框: <select id="text5" class="easyui-combobox" disabled=true >//disabled=true既为下拉框置灰...原创 2019-01-31 11:44:45 · 2369 阅读 · 0 评论 -
easyUI-datagrid复选框变成单选
easyui的datagrid的复选框如何变成单选呢,使用datagrid的属性singleSelect,在表格属性定义时,设置singleSelect:true,如果为true,则只允许选择一行,无法进行复选操作。 ...原创 2019-01-29 11:02:42 · 2156 阅读 · 0 评论 -
easyUI基础-searchbox搜索框
搜索框提示用户需要输入搜索的值。它可以结合一个菜单,允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。使用方式1、使用标签创建。对input标签引用'easyui-searchbox'类。<script type="text/javascript"> //当用户点击搜索时执行的函数 functio...原创 2019-01-16 17:14:30 · 737 阅读 · 0 评论 -
easyUI基础-pagination分页
对于一些企业级的应用来说(非站点),页面上最为基本的内容也就是表格和form了。对于类似于ERP这类系统来说数据记录比較大,前端表格展示的时候必需得实现分页功能了。恰巧EasyUI就提供了分页组件Pagination分页(pagination)允许用户通过翻页导航数据。它支持页面导航和页面长度选择的可配置选项。用户可以在分页的右侧添加自定义按钮来增强功能。 依赖linkbutton...原创 2019-01-16 15:41:52 · 546 阅读 · 0 评论 -
easyUI基础-resizable调整大小
正如其字面意思一样(可伸缩),resiable主要是将一些html元素扩展为可伸缩的,panel、window等使用案例使用标签创建可变大小的窗口。<div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:100px;height:100px;bord...原创 2019-01-16 10:22:22 · 1032 阅读 · 1 评论 -
easyUI基础-droppable放置
droppable和draggable有类似的地方,不过区别点在于前者着重于将元素放进某个容器中,而后者则着重于可拖拽(虽然可能一些效果两者都可以实现)。而且通过查看easyloader源码可知道,droppable并不依赖于draggable。Droppable(放置)使用$.fn.droppable.defaults重写默认值对象。使用案例通过标签创建一个放置区。<...原创 2019-01-15 16:03:41 · 397 阅读 · 0 评论 -
easyUI基础-easyloader加载器
什么是EasyLoader 正如其名字一样easyloader的作用是为了动态的加载组件所需的js文件,这体现了EasyUI作为轻量级框架对性能的合理掌握(可以动态的加载所需组件),不过一般而言很少使用到easyloader(会给使用者带来一定的难度)。那么使用EasyLoader的场景有哪些呢?EasyLoader使用场景 出于性能的考虑,不一次性的加载easyu...原创 2019-01-15 11:31:56 · 292 阅读 · 0 评论 -
easyUI基础-parser解析器
Parser(解析器) 解析器是easyui非常重要的基础组件,在easyui中我们能够简单的通过class定义一个组件,从而渲染出非常好的交互效果。就是通过parser进行解析的。parser会获取所有在指定范围内定义为easyui组件的class定义,并且根据后缀定义把当前节点解析渲染成特定的组件。 parser可以有两种使用方法: 1、$.parser.par...原创 2019-01-15 10:29:24 · 613 阅读 · 0 评论 -
easyUI基础知识总结
方法调用方法的语法:$(‘selector’).plugin(‘method’, parameter);解释:selector 是jQery对象选择器。plugin 是插件的名称。method 是相应插件现有的方法。parameter 是参数对象,可以是一个对象、字符串等。下载程序库并导入EasyUI的CSS和Javascript文件到您的页面。 &lt;!-- ...原创 2019-01-14 17:51:00 · 150 阅读 · 0 评论 -
easyUI拖放-基本的拖动和放置
首先,我们创建三个 <div> 元素: <div id="dd1" class="dd-demo"></div> <div id="dd2" class="dd-demo"></div> <div id="dd3" class=&qu原创 2019-01-14 16:01:13 · 588 阅读 · 0 评论 -
easyUI基础-tooltip提示框
通过 $.fn.tooltip.defaults 重写默认的 defaults。当用户移动鼠标指针在某个元素上时,出现提示信息窗口用来显示额外信息。提示内容可以包含任何来自页面的或者通过 ajax 生成的 html 元素。这个组件不依赖于其他组件。 属性属性名 属性值类型 描述 默认值 position string 消息框位置。可用值有:"l...原创 2019-01-17 14:47:52 · 1097 阅读 · 0 评论 -
easyUI基础-progressbar进度条
进度条可以提供反馈一个长时间运行的操作的显示进展。这个进程可以更新,能够让用户知道当前操作执行的进度,提高用户体验。 使用$.fn.progressbar.defaults重载默认值。 属性名称 类型 描述 默认值 width string 设置进度条(progressbar)的宽度。 auto height nu...原创 2019-01-17 10:49:26 · 908 阅读 · 0 评论 -
easyUI基础-draggable拖动
用法1.通过标记创建可拖动(draggable)元素。&amp;lt;div id=&quot;dd&quot; class=&quot;easyui-draggable&quot; data-options=&quot;handle:'#title'&quot; style=&quot;width:100px;height:100px;&quot;&a原创 2018-12-07 15:47:51 · 797 阅读 · 0 评论 -
easyUI Datagrid数据网格
数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要求开发人员具备指定的知识。它是轻量级的,但是功能丰富。它的特性包括单元格合并,多列页眉,冻结列和页脚,等等。用法1.从已有的表格元素创建数据网格(datagrid),在 html 中定义列、行及数据。 <table cla...原创 2018-12-07 14:29:32 · 173 阅读 · 0 评论 -
EasyUI Resizable 可调整尺寸
用法1.通过标记创建可调整尺寸(resizable)对象。&lt;div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;" data-options="maxWidth:800,maxHeight:600"&gt;&lt;/div原创 2018-12-07 17:40:10 · 254 阅读 · 0 评论 -
jQuery EasyUI学习笔记-1-应用
jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。一.简介1.什么是 jQuery EasyUIjQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。easyui 提供建...原创 2018-12-07 09:18:57 · 336 阅读 · 0 评论