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 学习笔记的更多相关文章

  1. easyUI学习笔记二

    1.  拖拉大小 <!DOCTYPE html> <html> <head> <title>easyui学习</title> <scr ...

  2. easyUI学习笔记一

    1.引用js文件 <script type="text/javascript" src = jquery-easyui/jquery.min.js> </scri ...

  3. easyui学习笔记8—在手风琴中加载其他的页面

    在手风琴中加载其他页面和在表格中加载其他的页面有写类似的,就是请求另外一个页面显示数据. 1.先看看引用的资源文件 <link rel="stylesheet" href=& ...

  4. easyui学习笔记2—在行内进行表格的增删改操作

    第一篇笔记中记录了如何实现表格的增删改,那个是点击之后跳出来一个对话框然后进行的,这里是在表格本身上进行的操作,也很简单,但是这里发现一个版本问题,也可以说是兼容性问题. 1.首先我们看引用的js和c ...

  5. easyui学习笔记1—增删改操作

    最近公司要用easyui,这里自己看了官网几篇文章,遇到些问题,大多数的问题都是敲代码的时候笔误,其他有些地方确实需要注意一下,这里做些笔记. 1.在mysql中建好表之后修改id字段为递增字段,发现 ...

  6. easyUi 学习笔记 (二 ) 使用tabs 里datagridview 发送ajax请求 不访问后台的问题

    这个BUG 我花了一个半小时, 还是看不出哪里的问题,  于是就百度到这么一段话,我需要记住 <================================================= ...

  7. EasyUI学习笔记之panel

    <easyUI panel 属性:> <!--引入easyUI panel 组件 设置宽,高,定义标题(默认在左上角),设置图标iconCls:'icon-ok',引入工具tools ...

  8. EasyUI学习笔记---Datagrid真分页

    EasyUI Datagrid组件在我看来功能还是很强大的,在我使用过程中遇到分页请求的问题困扰了一天才解决,下面我就把我遇到的问题分享一下 //datagrid数据表格渲染 $("#dg& ...

  9. easyui学习笔记14-拓展的基本验证规则

    /** * 扩展的基本校验规则, */ $.extend($.fn.validatebox.defaults.rules, { minLength : { // 判断最小长度 validator : ...

  10. JQuery EasyUI学习笔记

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6690888.html  简介与准备 jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用 ...

随机推荐

  1. Linux C语言编程基本原理与实践

    Linux C语言编程基本原理与实践(2018-06-16 19:12:15) Linux C语言编程基本原理与实践 高效的学习带着目的性: 是什么 -> 干什么 -> 怎么用 重识C语言 ...

  2. app与php后台接口登录认证、验证(seesion和token)

    简要:随着电商的不断发展,APP也层次不穷,随着科技的发展主要登录形式(微信.QQ.账号/密码):为此向大家分享一下"app与php后台接口登录认证.验证"想法和做法:希望能够帮助 ...

  3. Hangfire初探

    Hangfire 是什么? Hangfire 是一个定时任务的管理后台,它拥有定时任务功能和及其相关的管理后台界面.Hangfire 原生使用 .NET 开发的,同时支持 .NET 和 .NET Co ...

  4. Hibernate怎么用

    一.为什么用Hibernate? [核心:对象关系映射] Hibernate是对jdbc的轻量级封装,可以简化数据库连接操作, 在该框架之前,数据库的操作步骤是: 1.根据连接字串获取连接 2.执行s ...

  5. BZOJ1029_建筑抢修_KEY

    题目传送门 这是一道贪心的问题. 总体做法是这样的:先按照报废的快慢从小到大SORT一遍,优先修报废快的.同时开一个大根堆(C++的朋友可以用priority_queue),用来记录已经修了的建筑的耗 ...

  6. vim 打造IDE

    1.MinBufExplorer 2.Ctags Ctags工具是用来遍历源代码文件生成tags文件,这些tags文件能被编辑器或其它工具用来快速查找定位源代码中的符号(tag/symbol),如变量 ...

  7. 围绕DOM元素节点的增删改查

    HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 document 每个 HTML 元素是元素节点 element HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是 ...

  8. 「日常训练」ZgukistringZ(Codeforces Round #307 Div. 2 B)

    题意与分析(CodeForces 551B) 这他妈哪里是日常训练,这是日常弟中弟. 题意是这样的,给出一个字符串A,再给出两个字符串B,C,求A中任意量字符交换后(不限制次数)能够得到的使B,C作为 ...

  9. UniMelb Comp30022 IT Project (Capstone) - 1.Android入门

    1. Android入门 Android系统架构 Android系统:四层架构.五块区域 1. Linux内核层 Linux Kernel:为Android设备的硬件提供了底层驱动 2. 系统运行库层 ...

  10. django 与 flask里面从已有数据库表中反向生成models

    django: 配置好数据库连接 python manage.py  inspectdb  > models.py 即可反向生成orm使用的models, 注意: > 后面可以定义为指定路 ...