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 ...
随机推荐
- Nginx启动停止命令
操作环境是Windows 一.nginx命令:启动nginx 在Windows上安装好nginx后,我们需要启动nginx服务,启动nginx服务的命令行操作主要有两种方式,即 cd D:\opens ...
- sre_constants.error: unbalanced parenthesis
Traceback (most recent call last): File "androidmarket82.py", line 108, in <module> ...
- 配置 dovecat 的 PAM
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...
- BZOJ 1043 HAOI2008 下落的圆盘 计算几何
题目大意:n个圆盘依次下落.求终于能看到的轮廓线面积 円盘反对! 让我们一起团结起来! 赶走円盘! 咳咳.非常神的一道题 今天去看了题解和白书才搞出来-- 首先我们倒着做 对于每一个圆盘处理出在它之后 ...
- 实现控件WPF(4)----Grid控件实现六方格
PS:今天上午,非常郁闷,有很多简单基础的问题搞得我有些迷茫,哎,代码几天不写就忘.目前又不当COO,还是得用心记代码哦! 利用Grid控件能很轻松帮助我们实现各种布局.上面就是一个通过Grid单元格 ...
- 如何给你的VS2010添加创建文件后的头注释
修改VS自带的模板 1) 类文件 D:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\IDE\ItemTemplatesCache\ ...
- BZOJ 3505: [Cqoi2014]数三角形 数学
3505: [Cqoi2014]数三角形 Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://www.lydsy.com/JudgeOnline/pr ...
- URAL 1776 C - Anniversary Firework DP
C - Anniversary FireworkTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hust.edu.cn/vjudge/c ...
- android 退出整个程序
上网学了好多方法,关于Android的Activity如何退出.好多方法都不行啦,试了各种方法,下面这种方法就是我最喜欢的,简单又容易懂. 使用单例模式创建一个Activity管理对象,该对象中有一个 ...
- ios开发——实用技术OC篇》倒计时实现的两种方法
倒计时实现的两种方法 timeFireMethod函数,timeFireMethod进行倒计时的一些操作,完成时把timer给invalidate掉就ok了,代码如下: secondsCountDow ...