.NET MVC Jquery EasyUI 联合应用示例
来源:互联网 发布:北京经纬恒润科技 知乎 编辑:程序博客网 时间:2024/03/29 13:34
HTML:
<%@ 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() { object result = ApplicationManager.IsEditOrAdd(Request["ID"]); return Json(result); }
- .NET MVC Jquery EasyUI 联合应用示例
- .NET MVC Jquery EasyUI Demo
- Jquery easyui + MVC实现无限级部门小示例
- MVC+Jquery easyui实现无限级部门示例
- MVC+Jquery easyui实现无限级部门小示例
- jquery easyui 使用示例
- ASP.NET MVC 模式开发常用的 jQuery EasyUI Demon
- .Net Mvc+Easyui 分页
- asp.net mvc中应用Grid++ Report (基本应用示例)
- jQuery EasyUI 简单应用
- Jquery-easyUI的应用
- jquery easyui 很好的示例
- MVC模式在ASP.NET中的应用(示例)
- ASP.NET MVC+Spring.net+Nhibernate+EasyUI+Jquery开发案例(1)
- ASP.NET MVC+Spring.net+Nhibernate+EasyUI+Jquery开发案例(2)
- easyui+.net mvc(tree数据格式)
- asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作
- REST WCF + jQuery EasyUI 应用
- text字段为空查询
- SQLServer创建临时表的两种方式
- SQL Server安全及性能优化
- C++中extern “C”含义深层探索
- 使用::std::vector<>作为管理动态数组的优先选择
- .NET MVC Jquery EasyUI 联合应用示例
- Log4j使用总结
- 自定义圆形progressbar颜色
- MOV Instruction Syntax Format In Diferent Assembler
- disk utility
- flex_咖啡收藏示例;
- J2SE小结
- shell中的重定向注释
- SQL查询安全性及性能优化