Webforms導航欄搜索/提交按鈕 - >事件

我似乎無法得到如何使用導航欄搜索/提交事件作爲我新的這一點。Webforms導航欄搜索/提交按鈕 - >事件

基本上我只是想在點擊提交按鈕時重定向到另一個頁面，然後在導航欄窗體文本框中使用文本來匹配我的產品列表。

問題我有我不知道在哪裏獲取或訪問文本和clickevent以及如何使用它們從masterpage。

這裏是我的導航欄與文本的圖像和提交按鈕：navbar

任何幫助將是非常讚賞。

<asp:PlaceHolder runat="server"> 
    <%: Scripts.Render("~/bundles/modernizr") %> 
</asp:PlaceHolder> 
<webopt:bundlereference runat="server" path="~/Content/css" /> 
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 

margin: 5%; 
font-weight: bold; 
color: #000000; 

    </style> 
</head> 
<body> 
<form runat="server"> 

    <asp:ScriptManager runat="server"> 
     <Scripts> 

      <%--Framework Scripts--%> 
      <asp:ScriptReference Name="MsAjaxBundle" /> 
      <asp:ScriptReference Name="jquery" /> 
      <asp:ScriptReference Name="bootstrap" /> 
      <asp:ScriptReference Name="respond" /> 
      <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /> 
      <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /> 
      <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /> 
      <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /> 
      <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /> 
      <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /> 
      <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /> 
      <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /> 
      <asp:ScriptReference Name="WebFormsBundle" /> 

      <%--Site Scripts--%> 
     </Scripts> 
    </asp:ScriptManager> 

    <%--

<div class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" runat="server" href="~/">PharmaGistix</a> 
      </div> 


      <%--SEARCH BUTTON NAVBAR --%> 
      <div class="navbar-form navbar-left" role="search"> 
        <div class="formgroup"> 
         <input class="form-control" id="navinput" runat="server" type="text" placeholder="Search"/> 
         <button class="btn btn-default" id="navsearchbtn" runat="server" OnClick="navSearch" type="submit">Submit</button> 
        </div>  
       </div> 

      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li><a runat="server" href="~/">Home</a></li> 
        <li><a runat="server" href="~/ItemManager">Manage Items</a></li> 
        <%-- <li><a runat="server" href="~/Contact">Contact</a></li>--%> 
        <li><a runat="server" href="~/Search">Search</a></li> 
        <li><a runat="server" href="~/OrderHistory">Order History</a></li> 
        <li><a runat="server" href="~/CheckoutBasket">Checkout Basket</a></li>      
       </ul> 
       <asp:LoginView runat="server" ViewStateMode="Disabled"> 
        <AnonymousTemplate> 
         <ul class="nav navbar-nav navbar-right"> 
          <li><a runat="server" href="~/Account/Register">Register</a></li> 
          <li><a runat="server" href="~/Account/Login">Log in</a></li> 
         </ul> 
        </AnonymousTemplate> 
        <LoggedInTemplate> 
         <ul class="nav navbar-nav navbar-right"> 
          <li><a runat="server" href="~/Account/Manage" title="Manage your account">Hello, <%: Context.User.Identity.GetUserName() %> !</a></li> 
          <li> 
           <asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" /> 
          </li> 
         </ul> 
        </LoggedInTemplate> 
       </asp:LoginView> 
      </div> 

     </div> 
    </div> 
    <div class="container body-content"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
     </asp:ContentPlaceHolder> 
     <hr /> 
     <footer> 
      <p>&copy; <%: DateTime.Now.Year %> - My ASP.NET Application</p> 
     </footer> 
    </div> 
</form>

來源

2015-10-27 user2164182

如果您使用引導程序，應該沒關係。這只是讓你的div包圍你的正常按鈕。如果你使用webforms，你將會有一個像普通的按鈕事件。如果您使用MVC，您將擁有一個普通的HTML按鈕或一個剃鬚刀語法按鈕。 –

即時通訊使用webforms，我知道這可能看起來像一個愚蠢的問題，但我可以在哪裏得到這些事件因爲我一直在尋找他們像一個小時現在。 Tx – user2164182

您使用的是設計還是源代碼編輯器？在設計中，只需雙擊按鈕。在源代碼中找到您的按鈕並添加OnClick =「」並選擇生成方法。 –

是否用戶重定向到搜索頁面或不結果回來通過AJAX？如果是第一個，我會用一個基本的HTML表單來發送信息，對於後者，您可以使用一些簡單的jQuery來將結果返回。 jQuery示例w/post或get，無論您需要什麼。使用到這裏既然你提到它 -

$.get("/url-with-products.aspx?query=" + $("#id-of-search-input").val(), 
function(data) { 
});

然後是.NET頁面你可以只Request.Params [「查詢」]並將其存儲在一個字符串用於查詢數據庫。

來源

2015-10-27 20:49:40 Zach

謝謝，在MasterPage中的HTML？然後我是否在按鈕中放入了一個href，然後以某種方式保存帶有onclick事件的文本框中的內容？ – user2164182

嘗試的輸入之前加入這個 - <形式方法=「獲取」行動=「YOUR-URL-HERE」> 而這個按鈕後 - 然後在搜索結果頁面上，你可以得到的參數基於輸入的名稱/編號。 – Zach

不是

Webforms導航欄搜索/提交按鈕 - >事件

回答

相關問題