EasyUI 学习笔记
EasyUI常见错误
1 . 无论是用HMTL形式实现组件还是使用代码 + HTML 形式实现组件 , 在为组件设置属性时 , 要注意属性值的类型问题
string:必须加引号
number:不加任何单位,不加引号
boolean:不加引号
代码+HTML形式实现组件 , 最后的属性之后没有事件 , 最后的属性之后不要加逗号
例如:
$(“#rr”).cmpName({k1:v1,k2:v2}) v2之后不可以有逗号
2 . 在调用组件提供的方法时 , 注意调用方法的格式问题
$(“#rr”).cmpName(“方法名”);
3 . 在用 datagrid 展示数据时 , 注意绑定的 JSON 格式的数据必须符合争取的格式
{
“total”:300,
“rows”:[
{stuNum:001,stuName:’tome’,stuSex:’男’,stuAge:18},
{stuNum:002,stuName:’smith’,stuSex:’女’,stuAge:19},
{stuNum:003,stuName:’jack’,stuSex:’男’,stuAge:20},
{stuNum:004,stuName:’lucy’,stuSex:’女’,stuAge:18},
]
}
4 . 在 JS 代码中,要保证使用正确的 JSON 格式形式的数据
属性名必须用双引号括起来,不要用单引号 , 也不要不括 , 否则在调用 JQuery 形式的方法 $.parseJSON() 时将一个 JSON 格式的字符串转换为
JS 的对象时会报错
正确的格式为: {“kname”:v1,”kname2”:v2}
三种弹框:alert, confirm, prompt ,JEasyUI都对其进行了封装,放在messager组件中。
1 . alert有三个参数:第一个是弹框的标题,第二个是弹框的详细内容信息,第三个是弹框显示的图标信息(有这几种可填写:info,error,question,warning)
$.messager.alert(“标题信息”,”信息内容”,”error”)
2 . confirm也有三个参数:前两个和alert一样,第三个是回调函数,参数data是true/false( 用户点击确定或者取消 )
$.messsager.confirm(“标题信息”,”内容信息”,function(data){ })
3 . prompt也有三个参数:和confirm的参数一样, 唯一不同的是 data 代表的是用户的输入信息
$.messager.prompt(“标题信息”,”内容信息”,function(data){ })
panel组件的自适应属性:
具有data-options=”fit:true”属性的元素(class包含panel属性值),会自动填充满父容器。
EasyUI 学习笔记的更多相关文章
- easyUI学习笔记二
1. 拖拉大小 <!DOCTYPE html> <html> <head> <title>easyui学习</title> <scr ...
- easyUI学习笔记一
1.引用js文件 <script type="text/javascript" src = jquery-easyui/jquery.min.js> </scri ...
- easyui学习笔记8—在手风琴中加载其他的页面
在手风琴中加载其他页面和在表格中加载其他的页面有写类似的,就是请求另外一个页面显示数据. 1.先看看引用的资源文件 <link rel="stylesheet" href=& ...
- easyui学习笔记2—在行内进行表格的增删改操作
第一篇笔记中记录了如何实现表格的增删改,那个是点击之后跳出来一个对话框然后进行的,这里是在表格本身上进行的操作,也很简单,但是这里发现一个版本问题,也可以说是兼容性问题. 1.首先我们看引用的js和c ...
- easyui学习笔记1—增删改操作
最近公司要用easyui,这里自己看了官网几篇文章,遇到些问题,大多数的问题都是敲代码的时候笔误,其他有些地方确实需要注意一下,这里做些笔记. 1.在mysql中建好表之后修改id字段为递增字段,发现 ...
- easyUi 学习笔记 (二 ) 使用tabs 里datagridview 发送ajax请求 不访问后台的问题
这个BUG 我花了一个半小时, 还是看不出哪里的问题, 于是就百度到这么一段话,我需要记住 <================================================= ...
- EasyUI学习笔记之panel
<easyUI panel 属性:> <!--引入easyUI panel 组件 设置宽,高,定义标题(默认在左上角),设置图标iconCls:'icon-ok',引入工具tools ...
- EasyUI学习笔记---Datagrid真分页
EasyUI Datagrid组件在我看来功能还是很强大的,在我使用过程中遇到分页请求的问题困扰了一天才解决,下面我就把我遇到的问题分享一下 //datagrid数据表格渲染 $("#dg& ...
- easyui学习笔记14-拓展的基本验证规则
/** * 扩展的基本校验规则, */ $.extend($.fn.validatebox.defaults.rules, { minLength : { // 判断最小长度 validator : ...
- JQuery EasyUI学习笔记
转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6690888.html 简介与准备 jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用 ...
随机推荐
- Linux C语言编程基本原理与实践
Linux C语言编程基本原理与实践(2018-06-16 19:12:15) Linux C语言编程基本原理与实践 高效的学习带着目的性: 是什么 -> 干什么 -> 怎么用 重识C语言 ...
- app与php后台接口登录认证、验证(seesion和token)
简要:随着电商的不断发展,APP也层次不穷,随着科技的发展主要登录形式(微信.QQ.账号/密码):为此向大家分享一下"app与php后台接口登录认证.验证"想法和做法:希望能够帮助 ...
- Hangfire初探
Hangfire 是什么? Hangfire 是一个定时任务的管理后台,它拥有定时任务功能和及其相关的管理后台界面.Hangfire 原生使用 .NET 开发的,同时支持 .NET 和 .NET Co ...
- Hibernate怎么用
一.为什么用Hibernate? [核心:对象关系映射] Hibernate是对jdbc的轻量级封装,可以简化数据库连接操作, 在该框架之前,数据库的操作步骤是: 1.根据连接字串获取连接 2.执行s ...
- BZOJ1029_建筑抢修_KEY
题目传送门 这是一道贪心的问题. 总体做法是这样的:先按照报废的快慢从小到大SORT一遍,优先修报废快的.同时开一个大根堆(C++的朋友可以用priority_queue),用来记录已经修了的建筑的耗 ...
- vim 打造IDE
1.MinBufExplorer 2.Ctags Ctags工具是用来遍历源代码文件生成tags文件,这些tags文件能被编辑器或其它工具用来快速查找定位源代码中的符号(tag/symbol),如变量 ...
- 围绕DOM元素节点的增删改查
HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 document 每个 HTML 元素是元素节点 element HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是 ...
- 「日常训练」ZgukistringZ(Codeforces Round #307 Div. 2 B)
题意与分析(CodeForces 551B) 这他妈哪里是日常训练,这是日常弟中弟. 题意是这样的,给出一个字符串A,再给出两个字符串B,C,求A中任意量字符交换后(不限制次数)能够得到的使B,C作为 ...
- UniMelb Comp30022 IT Project (Capstone) - 1.Android入门
1. Android入门 Android系统架构 Android系统:四层架构.五块区域 1. Linux内核层 Linux Kernel:为Android设备的硬件提供了底层驱动 2. 系统运行库层 ...
- django 与 flask里面从已有数据库表中反向生成models
django: 配置好数据库连接 python manage.py inspectdb > models.py 即可反向生成orm使用的models, 注意: > 后面可以定义为指定路 ...