asp.net MVC 3 Web应用中的Jquery事件

本文关键字：Jquery 事件 应用 Web net MVC asp | 更新日期: 2023-09-27 18:13:24

我正在开发一个ASP。. Net MVC 3应用程序，使用c#和SQL Server 2005。

我想在按钮上创建一个Jquery事件。就像手风琴动画。

我已经在模板中使用了一个例子，我想在另一个按钮中重新制作它。

这是一段描述事件的视频。

对不起，我没有发布任何代码，因为我没有找到这个事件的脚本真正在哪里。

但是，我会根据需要编辑我的帖子。

谢谢你的理解:)

这是我想在点击按钮时显示的视图问题:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication2.Models.FlowViewModel>" %>

<asp:Content ID="loginTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Gestion
</asp:Content>
<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Gérer</h2>
    </asp:Content>

这是一个类GestionHelper，我按照另一个按钮的例子创建的:

namespace Helpers
{
    public static class GestionHelper
    {
        public static string GestionLinkHelper(this HtmlHelper helper){
            string currentControllerName = (string)helper.ViewContext.RouteData.Values["controller"];
            string currentActionName = (string)helper.ViewContext.RouteData.Values["action"];
            var sb = new StringBuilder();
            sb.Append("<div id='"gestionlink'">");
            sb.Append(helper.ActionLink("aaaaa", "Gestion", "Anouar"));
            sb.Append("</div>");
            return sb.ToString();
        }
    }
}

我创建了一个名为AnouarController的新控制器:

namespace MvcApplication2.Controllers
{
     [HandleError]
    public class AnouarController : Controller
    {   
    //
    // GET: /Anouar/
     public ActionResult Gestion()
     {
         return View();
     }
   }
}

最后…这是我在链接的视图中添加的内容(允许操作):

<%= Html.GestionLinkHelper() %>

asp.net MVC 3 Web应用中的Jquery事件

如果我没理解错的话，请在目标div中添加一个按钮

<input type="button" value="Show Gestion" id="btnShowGestion" />
<input type="button" value="Hide Gestion" id="btnHideGestion" />
<div id="divGestion"></div>

添加JQuery On Ready

<script type="text/javascript">
  $(document).ready(function() {
    $('#divGestion').load('/Anouar/Gestion');
    $('#btnShowGestion').click(function() {   $('#divGestion').show()  });
    $('#btnHideGestion').click(function() {   $('#divGestion').hide()  });
  });
</script>

由于不知道要执行什么Ajax操作，我假设您希望将部分视图加载到div中。

相关文章：