JQuery EasyUI使用笔记分享

发布时间:2020-01-16编辑:脚本学堂
本文介绍了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');
}

}
});