EasyUI 使用注意点
前段时间做一个系统的服务端管理系统,使用了一下EasyUI。以下是我在使用中觉得需要注意的地方或者一些EasyUI中一些特别点的用法。
总结如下,与大家分享下,希望对初学者能有些作用。
EasyUI 使用注意点:
1、使用href方式从外部引入,需将所有代码写在body标签中,可省略body标签之外的所有内容。可以通过函数来修改加载html解析的方式。、
在EasyUI中还有一个属性extractor,可以用来定义获取href数据的规则,这个没有使用过,不过个人感觉对于一些存在相似性界面比较多的系统可以使用这个来简化一些系统的设计。
2、函数调用方式:var pp = $('#tt').tabs('getSelected')。
这种调用方式确实是第一次使用到,也是一种思路,通过字符串取对象属性来调用方法,在一些特殊场合也可以简化操作,增强内聚。
3、href方式外部引入来渲染界面,其实是在主页面加载完成后,采用get方法来异步请求相应的页面,然后再进行渲染的。也就是说,引用的页面中的操作还是要写在引用页中,有它本身来处理。
4、grid formater 出现了不起作用的情况。原因如果前边已经使用过同名列就不可以了。
这里有个忽略的测试的问题,如果前便出现了,并且使用了formater,那么后边又使用到会出现什么结果?有兴趣的可以测试下。个人猜测是会跟着第一个的设置走。
5、datagrid的请求时返回的数据格式为:{total:12,rows:[{id:1,text:2},...]},文档中无说明。
6、datagrid使用分页时,会自动传两个参数:page:1 rows:30。
7、easyui控件使用后,取值就无法在使用jquery的那种取值方式了,只能采用easyui提供的方法来获取值。
当然,如果使用easyUI可以直接找到真实值的那个元素,然后取值也是可以的。这里的说法只是针对使用相同的id的来取值。
8、layout布局会充满浏览器以及iframe,即使用这种布局的父元素。
9、form 在使用load方法添加值时,必须要和form中的字段一致,不能有多余的字段,否则会报找不到相应的html元素的错误。
10、DataGrid列是一个数组对象,该元素也是一个数组对象。元素数组里面的元素是一个配置对象,它用来定义每一个列字段。
这种设置应该是为了适应树形表格。
11、combobox为多选赋值的方法:$('#Id').combobox('setValues','key1,key2,key3'.split(','))。
初次使用EasyUI,所总结出来的一些条目,有一些只是个人的看法,可能存在一些错误的想法,如果有不正确的请指正下,自己学习下,也以免对他人造成误解。在此提前谢谢各位了。
Author:月夜 @ LTGK
Time: 2015-08-26 周三
EasyUI 使用注意点的更多相关文章
- 前端框架 EasyUI (2)页面布局 Layout
在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些 ...
- 前端框架 EasyUI (1)熟悉一下EasyUI
jQuery EasyUI 官方网站 http://www.jeasyui.com/ .去年新开了个中文网 http://www.jeasyui.net/,不知道是不是官方的,不过看着挺像样.但是,广 ...
- 前端框架 EasyUI (0) 重新温习(序言)
几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是 ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(1)-前言与目录(持续更新中...)
开发工具:VS2015(2012以上)+SQL2008R2以上数据库 您可以有偿获取一份最新源码联系QQ:729994997 价格 666RMB 升级后界面效果如下: 任务调度系统界面 http: ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(81)-数据筛选(万能查询)
系列目录 前言 听标题的名字似乎是一个非常牛X复杂的功能,但是实际上它确实是非常复杂的,我们本节将演示如何实现对数据,进行组合查询(数据筛选) 我们都知道Excel中是如何筛选数据的.就像下面一样 他 ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(63)-Excel导入和导出-自定义表模导入
系列目录 前言 上一节使用了LinqToExcel和CloseXML对Excel表进行导入和导出的简单操作,大家可以跳转到上一节查看: ASP.NET MVC5+EF6+EasyUI 后台管理系统(6 ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(80)-自由桌面
系列目录 前言 这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码. 自由桌面:用户可以随意增删改桌面的布局.个数(只留自己需要看到的数据),这次纯属Ea ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(67)-MVC与ECharts
系列目录 ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Fire ...
- 套用JQuery EasyUI列表显示数据、分页、查询
声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近 ...
- JQuery easyUI DataGrid 创建复杂列表头(译)
» Create column groups in DataGrid The easyui DataGrid has ability to group columns, as the followin ...
随机推荐
- [iOS UI进阶 - 6.0] CALayer
A.基本知识 1.需要掌握的 CALayer的基本属性 CALayer和UIView的关系 position和anchorPoint的作用 2.概念 在iOS中,你能看得见摸得着的东西基本上都是U ...
- LINUX消息队列实战之一
前言 能说能抄能论皆不算,能写能打才是真功夫. 唠叨 反正我也是一个孤独的程序猿,多说一些奇奇怪怪的唠叨也无妨,第一次写消息队列,书本的东西和实战很不同,根据实战总结的一些注意事项会和大家分享,也敲打 ...
- 剑指OFFER之用两个栈实现队列(九度OJ1512)
题目描述: 用两个栈来实现一个队列,完成队列的Push和Pop操作.队列中的元素为int类型. 输入: 每个输入文件包含一个测试样例.对于每个测试样例,第一行输入一个n(1<=n<=100 ...
- CKeditor3.6.2 配置与精简
一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src= ...
- 【不积跬步,无以致千里】关闭631端口cups打印服务和8009端口ajp
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...
- TChromeTabs 优化改进
已知未解决问题 全屏时当窗体失去焦点,则会显示出未绘制完成的原标题栏(Fixed): 处于非 Areo 效果下时,窗体标题栏需要定制. 新增按钮上的 Hint 提示后再移至其它标签,将无法重新提示. ...
- 加粗合并latex表格线的加粗及合并两行
每日一贴,今天的内容关键字为加粗合并 在latex中要设置加粗的表格线,要使用如下包: \usepackage{booktabs} 如下图中的表格,首行(\toprule[2pt]),旁边行(\mid ...
- android SoundPool播放音效
MediaPlayer的缺点: 资源占用量高,延时时间较长 不支持多个音效同一时候播放 SoundPool主要用于播放一些较短的声音片段,CPU资源占用率低和反应延时小,还支持自行色设置声音的品质,音 ...
- mac 环境下mysql 不能删除schema问题的解决办法
首先说明下问题环境,我是在mac机器上安装的mysql+workbench. 在删除一个数据库的时候,出现error dropping database cant rmdir ./test 的问题. ...
- 【javaSE】HashSet和HashMap
************************************************************************ ****原文:blog.csdn.net/clar ...