0

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

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

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

这是描述事件的视频。

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

但是，我会根据任何需求编辑我的帖子。

感谢您的理解 ：）

这是我单击按钮时要显示的视图 Gestion：

<%@ 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() %>
4

1 回答 1

2

如果我理解你，请添加一个按钮和你的目标 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 中。

于 2013-05-12T20:57:51.683 回答