ASP.NET多個提交按鈕頁面,回車Enter執行指定按鈕的事件(轉)

来源:http://www.cnblogs.com/shouce/archive/2016/04/15/5395166.html
-Advertisement-
Play Games

在WEB頁面上,通常SUBMIT類型的按鈕會被預設指派為所在FORM表單的提交按鈕 在做ASP.net WEB應用的時候,常常遇到會在同一個頁面里添加多個按鈕,而每個按鈕肯定都會觸發頁面回送事件。 在ASP.NET中,只能指定一個帶有runat="server"的FORM表單,因此,這個表單會指派哪 ...


在WEB頁面上,通常SUBMIT類型的按鈕會被預設指派為所在FORM表單的提交按鈕

 

在做ASP.net WEB應用的時候,常常遇到會在同一個頁面里添加多個按鈕,而每個按鈕肯定都會觸發頁面回送事件。

在ASP.NET中,只能指定一個帶有runat="server"的FORM表單,因此,這個表單會指派哪個按鈕為預設提交按鈕呢?

不做任何處理的情況下是很難控制的,例如在同一個頁面里做了N個搜索框,設計上理想的思路是在某一輸入框輸入關鍵字後,用戶按ENTER鍵,執行當前輸入的輸入框對應的提交按鈕,但是,實際上往往事與願違。無論怎麼提交,總是會只執行某一個按鈕事件。

如果指定Form的預設按鈕,可以指定Form的DefaultButton屬性值為一個按鈕的ID。但這樣下來,回車時就永遠執行這個按鈕,其它按鈕無法被回車觸發。

 

網上很多方法都是使用JAVASCRIPT來進行判斷,在輸入框中加入KEYPRESS之類的事件,然後檢查eventCode,如果是回車鍵,那麼就指定執行某一個按鈕。

這個方法不是不行,但是,並不好維護,而且在處理複雜的邏輯時,往往不好控制。

 

其實,ASP.NET給出了很好的解決方案,只是通常不被人註意。

首先,屏蔽瀏覽器提交模式,也就是說,FORM不再預設指定一個ENTER提交的按鈕

 

方法是將控制項button的UseSubmitBehavior設置為false(LinkButton和ImageButton沒有這個屬性,不必設置),這樣這個按鈕就不會接受回車提交,這樣就不會出現用戶焦點在頁面某處聚焦時按回車提交的情況。

為什麼會這樣呢?查看頁面源文件我們會發現本來ASP.NET的BUTTON伺服器控制項在發送到客戶端後type="submit",但這時UseSubmitBehavior設置為false後,type="button" ,而且多了一個onclick事件,內容是"javascript:__doPostBack('Button1','')" id="Button1",這樣,就說明,這個按鈕不再是FORM的提交按鈕了,而只是一個普通按鈕,要提交頁面必須執行click事件,所以怎麼點回車,也不會執行這個按鈕的提交事件。

 

剛纔只是第一步,阻止了預設的提交。但是,我們要的效果是回車可以提交啊。只是設置這一個屬性當然無法達到我們想要的效果。

接下來,我們要瞭解Panel控制項。

其實Panel控制項是非常有用的,他是一個容器,在ASP.NET的Panel控制項中有一個屬性 DefaultButton, 這個屬性在ASP.NET的Form控制項中也有(前有敘述)。

Panel是一個特殊的控制項 MSDN上的說明是:使用Panel 控制項來組織 Form、另一 Panel 或模板中的內容和控制項。

也就是說Panel是ASP.NET對Form的一個補充,可以給表單分區域的控制項,這也是為什麼ASP.NET AJAX容器使用該控制項的原因。

我們都知道,ASPX只能有一個runat=“server”的FORM表單,那麼要進行細緻,具體的FORM操作怎麼辦,那麼就得靠Panel控制項

這裡,我們就會用到Panel的這個功能

將一組輸入框和按鈕放在一個Panel中,指定該Panel的DefaultButton屬性為按鈕ID,這樣,當用戶焦點處於這個Panel內的某一控制項時,點擊回車就會執行這個Panel的DefaultButton所指定的按鈕。

 

Panel是Form的補充控制,可以通過使用Panel對錶單進行更多的操作,這樣,ASP.NET只能擁有一個Form所引起的一些困難都可以迎刃而解。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.馮諾依曼體繫結構(存儲程式電腦) 1.1 解釋 從硬體角度可以抽象為一下模型: 從硬體角度可以抽象為一下模型: CPU與記憶體通過匯流排連接,CPU中有很多寄存器(總是指向記憶體的某一塊區域),如IP(Instruction Pointer)。假如指向CS(Code Segment,代碼段),CPU ...
  • winform combobox控制項綁定datatable並實現實現模糊查詢,顯示下拉列表,網上太多案例,都不是我所需要的,研究了一下 不用Dev 也能實現不錯的效果。 廢話不多直接代碼加圖片 先看效果圖 NO1. combobox 綁定數據源 NO2.ComboBox添加TextUpdate事件 ...
  • 前言: 最近在做中國移動爬蟲的過程中,首先遇到的就是 在某個請求中,有一個名為“WT_PFC"的cookie鍵值是由前端JavaScript生成的,沒有進入到HttpWebResponse中,也就是說C#不回去執行客戶端腳本 ,HttpWebRequest不是一個真正意義上的web瀏覽器,它只會下載 ...
  • Silverlight網站部署後,客戶端瀏覽器訪問的時候會 下載 網站的xap文件包等信息,把程式代碼放到本地執行,因為本地機器上安裝了silverlight運行庫。 所以如果silverlight前端後臺代碼裡面 如果有HttpWeRequest這樣的請求的話,網站部署後,會以客戶端的ip去請求第 ...
  • 前言 首先提一下微軟更名後的叫法: ASP.NET 5 更名為 ASP.NET Core 1.0 .NET Core 更名為 .NET Core 1.0 Entity Framework 7 更名為 Entity Framework Core 1.0 或者簡稱 EF Core 1.0 現在伴隨著AS ...
  • 寫在前面: 從上次,跟合作方的站點對接開始就產生了這個問題,當時用C#進行POST提交,總是會出現問題,找了很久發現對方的站點居然是TLS 1.2 的。 正文: 然而,在.NET FrameWork 4.0的環境下,居然找不到。。。System.Net.SecurityProtocolType 這個 ...
  • 最近,不是特別忙,重新翻了下設計模式,特地在此記錄一下。會不定期更新本系列專題文章。 設計模式(Design pattern)是一套被反覆使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結。 使用設計模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。 毫無疑問,設計模式於己於他人於系 ...
  • N多年前微軟官網曾發了.Net下必備的十種工具,N多年過去了,世異時移,很多東西都已經變化了,那個列表也似乎陳舊了。而且,該文也只是對十種工具獨立的介紹,顯得有些羅列的感覺,是不是每個工具都是同等重要,工具與工具之間是否有聯繫?等等,闡述得並不明確。 這裡,我想從另一個角崖,重新歸納一個更新的更實際 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...