介紹ASP.NET控制元件ID
ASP.NET控制元件ID
經常見到有人說在ASP.NET中不要使用動態控制元件,我想主要的原因在於使用動態控制元件會帶來一些問題,在做專案的過程中,我將由動態載入控制元件引發的總是作了一個小小的總結.
1 、在使用LoadControl載入控制元件後,使用者控制元件中的某些控制元件不再響應事件。
這個問題主要是由於將控制元件載入放在if (!Page.IsPostBack)之內引起的,放在外面即可。在思歸的blog上對此問題進行了詳細的說明。
2、使用者控制元件中某些控制元件的響應出現問題,如某個按鈕第一次選擇時不觸發CLICK事件,第二次可以了。
這是由於沒有給控制元件設定ID引起的,控制元件ID的作用在下面詳細講述。 如
3、如果使用者控制元件中包括DataGrid控制元件,那麼載入控制元件後可能出現不響應DataGrid事件的問題。
這好像是一個bug,必須要將載入的控制元件進行強制轉換,如:
注意:上面使用的是Test型別,而不是Control!
我在以前的Blog中曾提到過這個問題,這種方式將使系統的擴充套件性降低。 我有一個解決方案可以和大家討論(運用策略模式):
所有的使用者控制元件從BaseControl 繼承,如果有Datagrid控制元件,由overide ProcessThisControl方法 ,如:return this as Test
按如下方式載入控制元件:
BaseControl userControl=(BaseControl )Page.LoadControl(“Test.ascx”); userControl.ProcessThisControl();4、在使用者控制元件中如何使用JavaScript。
大家都知道,使用客戶端的指令碼將大大提高頁面的響應速度,同時可以避免頻繁地重新整理頁面。所以使用javascript來實現頁面中部分控制是一個比較好的方式,但是在使用者控制元件中如果訪問某一個子控制元件呢?
使用方式如下:
document.all.<%= TestControl.ClientID%>.disabled=true; //將TestControl設定為不可用 Page.RegisterStartupScript("OnInitControl"," LANGUAGE='JavaScript'>document.all.Test_TestControl.disabled=true;"); //Test為使用者控制元件,TestControl為使用者控制元件中的子控制元件。
現在說一下ASP.NET控制元件ID,在訪問aspx檔案時,IIS會將aspx的指令碼進行編譯。編譯的時候將使用者控制元件中的內容寫在同一個頁面中,為了防止頁面中的控制元件與使用者控制元件中的控制元件名稱相同,在編譯的時候對使用者控制元件中的控制元件名稱修改為 : 使用者控制元件名:子控制元件 ,ASP.NET控制元件ID則修改為 使用者控制元件ID_子控制元件ID。 在動態載入控制元件時,如果不對控制元件的ID進行賦值,則ASP.NET控制元件ID為上一次載入的控制元件ID,因此在載入使用者控制元件後應該立即對其設定ID.
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-683056/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 知識點:id 和NSObject *對比,以及id <NSObject>介紹Object
- ASP.NET Web Forms – Repeater 控制元件簡介ASP.NETWebORM控制元件
- ASP.NET Web Forms – Button 控制元件簡介ASP.NETWebORM控制元件
- ASP.NET Web Forms – TextBox 控制元件簡介ASP.NETWebORM控制元件
- Flutter 系列文章:Flutter Text 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter Container 控制元件介紹FlutterAI控制元件
- Flutter 系列文章:Flutter Image 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter Scaffold 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter Icon 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter Appbar 控制元件介紹FlutterAPP控制元件
- Flutter 系列文章:Flutter SliverAppbar 控制元件介紹FlutterAPP控制元件
- Flutter系列文章:Flutter RaisedButton控制元件介紹FlutterAI控制元件
- Flutter 系列文章:Flutter PlaceHolder 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter FlutterLogo 控制元件介紹FlutterGo控制元件
- Flutter 系列文章:Flutter Row控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter Column 控制元件介紹Flutter控制元件
- Material Design - 常用控制元件介紹和使用Material Design控制元件
- Flutter 系列文章:Flutter MaterialApp 控制元件介紹FlutterAPP控制元件
- Flutter 系列文章:Flutter Drawer 控制元件介紹Flutter控制元件
- Flutter 系列文章:Flutter BottomNavigationBar 控制元件介紹FlutterNavigation控制元件
- SAP UI5 DynamicPage 控制元件介紹UI控制元件
- SAP UI5 FlexibleColumnLayout 控制元件介紹UIFlex控制元件
- ASP.NET Web Forms – 伺服器控制元件簡介ASP.NETWebORM伺服器控制元件
- ASP.NET Core – Razor View Import用途介紹ASP.NETViewImport
- ASP.NET Web Forms – Web 伺服器控制元件簡介ASP.NETWebORM伺服器控制元件
- winform中更新UI控制元件的方案介紹ORMUI控制元件
- Asp.Net 構架(HttpModule 介紹) - Part.3ASP.NETHTTP
- DevExpress-獨立使用的控制元件介紹-02devExpress控制元件
- ASP.NET Core - 選項系統之原始碼介紹ASP.NET原始碼
- ASP.NET Core 5.0 MVC中的 Razor 頁面 介紹ASP.NETMVC
- SAP CRM產品主資料ID的生成邏輯介紹
- 基於資訊增益的ID3決策樹介紹。
- html表單控制元件禁用屬性readonly VS disabled介紹HTML控制元件
- cocos2d-x高階UI控制元件詳細介紹UI控制元件
- SAP UI5 SmartTable 控制元件的使用介紹試讀版UI控制元件
- SAP UI5 的規則構建器控制元件介紹UI控制元件
- SAP Fiori Elements 框架裡 Smart Table 控制元件的工作原理介紹框架控制元件
- Kotlin直接使用控制元件ID原理解析Kotlin控制元件
- 深入介紹 UI5 框架裡 Smart Field 控制元件的工作原理UI框架控制元件