知识点
相关文章
更多最近更新
更多Jquery EasyUI系列教程2
2019-02-28 23:20|来源: 薄荷糖
在EasyUI的使用中，通过阅读Api发现有一种方式通过easyloader方式自动引入需要的js文件，但本人不喜欢这个使用，感觉有些麻烦，通过实践得出 只需要引入基本的5个文件就可以使用了。
切记导入顺序，第五个是EasyUI提供的一个国际化的js,可以支持多种语言。
下面是一个简单的登陆通过Jquery Ajax 实现一个登陆功能
<!DOCTYPE html>
<html>
<head>
<title>登录</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../resources/jquery-easyui-1.3.4/jquery.min.js"></script>
<script type="text/javascript" src="../resources/jquery-easyui-1.3.4/jquery.easyui.min.js"></script>
<link rel="stylesheet" href="../resources/jquery-easyui-1.3.4/themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../resources/jquery-easyui-1.3.4/themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../resources/jquery-easyui-1.3.4/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" charset="UTF-8">
var loginDialog;
$(function(){
loginDialog=$('#loginDialog').dialog({
closable : false,
modal : true,
buttons : [{
text :'登录',
handler : function(){
// console.info('登录点击');
$.ajax({
url:'',//这里需要配置后台请求路径
data{
name : $('#loginForm input[name=name]).val(),
password : $('#loginForm input[name=password]).val()
},
cache:false,
dateType :'json',
success:function(msg){
//配置回调的结果
}
});
}
}]
});
});
</script>
</head>
<body>
<div id="loginDialog" title="用户登录" style="width: 250px;height: 200px;">
<form id="loginForm" method="post">
<table>
<tr>
<th align="right">用户名</th>
<td><input type="text" name="name"/>
</tr>
<tr>
<th align="right">密码</th>
<td><input type="password" name“password" />
</tr>
</table>
</form>
</div>
</body>
</html>本文链接：Jquery EasyUI系列教程2，转载请注明出处：http://www.656463.com/article/791
相关问答
更多-
给 jquery easyui 的 easyui-textbox 添加onblur事件[2022-04-26]
这样不行的，你实际界面上看到的空间已经不是你现在定义的那个input了，所以你的onblur不会触发。 你看一下easyui的textbox,有一个dataoption属性，里面会有类似onblur的属性，为这个属性赋值就ok了 -
jQuery2.x放弃IE6、7、8，那么easyui1.3.3也放弃了？..[2023-10-31]
你可以用jquery 1.X 替换easyui 1.3.3 自带的jquery 2.x,可以正常使用 -
jquery UI和jquery easyui什么区别?[2023-09-05]
基本上现在流行的ui都是从jquery ui衍变过来的，包括easyui,bootstrap等等，所以说jquery ui是这些ui的基础，easyui是jqury ui的进化 据我所知，webform是支持easyui的 -
请问jquery easyUi 怎么更改样式？[2023-11-11]
easyui的css文件夹下面有一个theme文件夹，里面就是装了不同风格的样式表，每个组件都有单独一个文件，也有一个全部合起来的easyui.css，找到panel.css后就复制几个，然后再单独修改 -
jquery和jquery easyui的区别[2023-05-27]
基本上现在流行的ui都是从jquery ui衍变过来的，包括easyui,bootstrap等等，所以说jquery ui是这些ui的基础，easyui是jqury ui的进化 据我所知，webform是支持easyui的 -
jquery easyui如何使用？[2022-06-16]
首先得会jQuery, 因为jQuery easyui是基于jQuery的UI库而且，基本的语法还是jQuery，在会jQuery的情况下，只需要下载jQuery easyui官方包下来，查看demo和API照着做就行了，我一开始也是现拷贝他demo的代码来做一些小应用，不知道的属性和方法查一下API,小应用写完之后就应用熟悉了。 一句话，主要还是jQuery语法。 -
jquery easyui的easyui-validatebox的问题[2022-08-23]
$("#name").val("") 每次打开必须清空上次的历史。 -
求JQuery EASYUI 和C# WEB开发教程[2022-01-05]
我公司也在用JQuery EASYUI+asp.netMVC开发ERP系统 它的数据格式都是json格式，是一种轻量级的数据交换语言！ 而且他的控件都是基于JQuery的jar包 我这里有一个简单的整合的文档教程，至于怎么取开发，我建议你去多了解一下什么是json和ajax！因为数据展示与提交，会需要到，其他的你可以上EASYUI官网，上面教你怎么使用控件，很简单的！希望对你有帮助 -
在CakePHP中，javascript文件存储在app / webroot / js /中。 然后，您可以通过调用将它们包含在布局中 echo $html->script('jquery-1.7.2.min.js'); 然后，您可以在视图或其他外部js文件中编写javascript代码。 In CakePHP javascript files are stored in app/webroot/js/. You then can include them in the layout by calli ...
-
不确定如果你还在寻找，但这是一个使用HTML，Jquery / jeasyui / Ajax和Java的解决方案： HTML： <%-- the treegrid (a table) to contain the results --%>