.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);        }

 

原创粉丝点击