JQuery EasyUI使用笔记

JQuery EasyUI使用笔记

1.easyui中控件的使用方式

有两种方式，一种是在html的控件中以class的形式申明，一种在js中以对象的形式申明。

第一种：

<div class="easyui-panel"

style="width:500px;height:200px;padding:10px 100px" title="----物流系统----登录">

<form id="loginForm" method="post">

一般class的名字规则： easyui-+控件名

如：easyui-panel

第二种：

$('#loginForm').form('submit',

{ url : js+'system/loginOperator.action',

onSubmit : function() {

}, success : function(data) {

 }

} });

2. form的配置

$('#loginForm').form('submit', {

url : js+'system/loginOperator.action',

onSubmit : function() {

//记住密码

if($("#mindpwd").attr("checked")){

$.cookie("userinfo",$("#operatorCode").val()+"§"+$("#password").val(),{expires: 30,path:'/'});

}else{

$.cookie("userinfo",null,{path:'/'});

}

return $(this).form('validate');

},

success : function(data) {

var result = eval('(' + data + ')');

if(result.success=='1'){

var location = js+"main.action";

window.location=location;

}else if(result.success=='0'){

$.messager.alert('提示：',result.msg,'error');

}

}

});