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即可