Easyui入门视频教程 第09集---登录完善 图标自定义

目录

-----------------------

Easyui入门视频教程 第09集---登录完善 图标自定义

Easyui入门视频教程 第08集---登录实现 ajax button的使用

Easyui入门视频教程 第07集---Accordion的使用

Easyui入门视频教程 第06集---Layout初始化和属性方法使用

Easyui入门视频教程 第05集---Easyui复杂布局

Easyui入门视频教程 第04集---Easyui布局

Easyui入门视频教程 第03集---Easyui布局

Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境

Easyui入门视频教程 第01集---认识Easyui

-----------------------

Easyui入门视频教程 第09集---登录完善 图标自定义

继续 完善 登录

登录 判断

<script type="text/javascript">
$(document).ready(function () {
// 在这里写你的代码...
//$('#btn').linkbutton('enable');
//$('#btn').linkbutton('disable');
});

function Login() {
var name = $('#name').val();
var pwd = $('#Password1').val();

if (name == '') {
alert('用户名为空！');
$("#show").html('用户名不能为空');
return;
}

$.post("./user/Login", { name: name, pwd: pwd },
function (data) {
if (data == 1) {
alert('登录成功！');
}
else {
alert('用户名或者密码不正确！');
}
});
}

</script>

后台 MVC action里 判断

public ActionResult Login()
{
string name = Request.Form["name"];
string pwd = Request.Form["pwd"];

//调用业务逻辑层 去判断用户 输入是否争取
//为了 把学easyui放在首位 我们 不操作数据库了 直接判断 我们就默认 name = admin pwd = 123321 为正确

int res = 1;

if (name!="admin" || pwd != "123321")
{
res = 0;
}
return Content(res.ToString());
}

自定义图标

第一步： 下载图标 最好是16px * 16px 把他放到 theme 的icons 文件夹里面

第二步： 修改icon.css

.icon-laugh{
background:url('icons/7.png') no-repeat center center;
}

第三步：使用 修改属性

data-options="modal:true,closed:false,iconCls:'icon-laugh'"



视频下载地址http://pan.baidu.com/s/1kTshAGv