Easy-Ui 学习笔记

一、对于参数的理解

1、对于ui中的一个组件可以直接使用jquery选择一个对象之后，对其添加所有可行的属性，事件，如：

$('#p').panel({ title: 'akwolf', onLoad: function(){ alert('loaded successfully'); }, onClose: function(){ alert('colse'); }, iconCls: 'icon-tip', tools: [{ iconCls: 'icon-add', handler: function(){ alert('new') } }, { iconCls: 'icon-save', handler: function(){ alert('save') } }], onMove: function(w, h){ alert(w + "-" + h); } });

2、对于string,number,boolean之类的好说直接根据具体的环境进行填写。

3、options参数，就是用大括号指定的一系列参数。如调用panel的move方法时指定的参数为options

$('#p').panel('move',{ left:100, top:200 }) ;
4、array就是一个数组，用中括号指定一系列参数，如指定Panel的工具条时。

tools: [{ iconCls: 'icon-add', handler: function(){ alert('new') } }, { iconCls: 'icon-save', handler: function(){ alert('save') } }]

5、一个组件之后进行属性设置(追加属性)，如

var s = $(p).pagination({ //pageSize:20, onBeforeRefresh:function(){ alert('before refresh'); } }); // 之后在设置属性 s.pagination({pageSize:20}) ;

二、属性的一些理解。

model(模态) 表示弹出框时，背景是灰色的

三、Datagrid

对于服务器上传回的json数据，可以不显示出来，可以从row参数中取得，如row.id即可