.NET MVC Jquery EasyUI Demo

 

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<DotNetMvc.Models.EnApplication>" %>

<!DOCTYPE html>
<html>
<head runat="server">
<title>View</title>
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<link href="../../JQueryEasyUi/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../JQueryEasyUi/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../../JQueryEasyUi/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../../JQueryEasyUi/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../JQueryEasyUi/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<style type="text/css">
#txtAppDescription
{
width: 284px;
}
</style>
</head>
<body class="easyui-layout">
<div region="center" border="false" style="background-color: #f7f7f7;">
<div region="north" border="true" class="title" style="text-align: center; height: 30px;
line-height: 40px; font-size: 16px">
应用管理
</div>
<div region="center">
<table style="width: 100%;text-align: center;">
<tr>
<td align="right">
应用编号(<font color="red">*</font>):
</td>
<td align="left">
<input id="txtAppCode" type="text" style="width:80%;"/>
</td>
</tr>
<tr>
<td align="right">
应用名称(<font color="red">*</font>):
</td>
<td align="left">
<input id="txtAppName" type="text" style="width:80%;"/>
</td>
</tr>
<tr>
<td align="right">
应用介绍:
</td>
<td align="left">
<textarea id="txtAppDescription" style="width:80%;" rows="3"></textarea>
</td>
</tr>
<tr>
<td align="right">
应用地址:
</td>
<td align="left">
<input id="txtAppUrl" type="text" style="width:80%;"/>
</td>
</tr>
</table>
</div>
<div style="text-align:center;">
<input id="btnSubmit" type="button" value="提交" />
<input id="btnCancel" type="button" value="返回" />
</div>
</div>
<script src="../../Content/js/Application/AppView.js" type="text/javascript"></script>
</body>
</html>

JS(AppView.js):

$(document).ready(function () {
var WinHref = $('#eidt-window').window('options')['href'];//获取Jquery EasyUI window的href参数
var AppID = request(WinHref, "ID");
$.ajax({
url: '/Application/GetAppData?ID=' + AppID, //请求的某个action的地址
datatype: "json", //只有指定为json下面才可以直接用返回的json数据,否则要转化
type: 'post',
success: function (data) {
$('#txtAppCode').val(data.AppCode);
$('#txtAppName').val(data.AppName);
$('#txtAppDescription').val(data.AppDescription);
$('#txtAppUrl').val(data.AppUrl);
},
beforeSend: function () {//这里是加载过程中的等待提示,可以自己定义 }
})
});

//根据QueryString参数名称获取值
function request(winhref, para) {
var subflag=winhref.lastIndexOf('?');
var params = winhref.substring(subflag + 1).split('&');
for (var i = 0; i < params.length; i++) {
var pars = params[i].split('=');
if (pars[0] == para) {
if (pars.length > 1) {
return pars[1];
}
else {
return "";
}
}
}
return "";
}

MVC('/Application/GetAppData):

Control:Action

public JsonResult GetAppData()
{
var result = ApplicationManager.IsEditOrAdd(Request["ID"]);
return Json(result);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值