教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 JQuery EasyUI使用笔记分享

JQuery EasyUI使用笔记分享

发布时间:2015-12-30   编辑:jiaochengji.com
本文介绍了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');
}

}
});

您可能感兴趣的文章:
JQuery EasyUI使用笔记分享
Jquery easyui之控件参数传递方法
jquery easyui通过class方式设置dialog
Microsoft Edge浏览器怎么使用手写标记
jquery easyUI创建分组属性编辑器
Jquery easyui入门教程(1)
jquery easyui easyui-datetimebox 取消用户输入
php使用EasyUI DataGrid获取资料的方式
jQuery EasyUI表单验证的例子
jquery easyui学习笔记(1)

关键词: easyui  jquery easyui   
[关闭]
~ ~