詳解Asp.Net母版頁元素ID不一致的體現(xiàn)
本文介紹了Asp.Net母版頁元素ID不一致的體現(xiàn),分享給大家,具體如下;
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" Theme="style" AutoEventWireup="true" CodeFile="r_Balance.aspx.cs" Inherits="Report_r_Balance" %> <asp:Content ID="content" ContentPlaceHolderID="MainContent" runat="server"> <form id="form1" runat="server"> <div> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <asp:Label ID="lbPagename" runat="server" SkinID=" " Text="余額統(tǒng)計(jì)"></asp:Label> </td> </tr> <tr> <td> <asp:ImageButton ID="btnPrint" runat="server" SkinID="b_print" ="btnPrint_Click" /> <asp:ImageButton ID="btnExport" runat="server" SkinID="b_export" ="btnExport_Click" /> </td> </tr> </tbody> </table> <!--結(jié)束功能條--> <table border="1" style="font: 宋體; font-size: 12px;"> <tr> <td style="width: 256px; height: 15px;"> 卡號(hào)*</td> <td colspan="1" style="width: 233px; height: 15px"> <asp:TextBox ID="txtc_printno" runat="server"></asp:TextBox></td> <td colspan="1" style="height: 24px; font-size: 14px; font-family: 宋體; width: 180px;" > <asp:ImageButton ID="nSearch" runat="server" AlternateText="查詢" ImageAlign="Middle" ImageUrl="~/images/go.gif" ="nSearch_Click" /> </td> </tr> </table> ....
生成的HTML代碼:
<form name="aspnetForm" method="post" action="r_Balance.aspx" id="aspnetForm"> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <span id="ctl00_MainContent_lbPagename" style="display:inline-block;color:#F2F3F9;border-style:None;font-family:宋體;font-size:13px;height:22px;">余額統(tǒng)計(jì)</span> </td> </tr> <tr> <td> <input type="image" name="ctl00$MainContent$btnPrint" id="ctl00_MainContent_btnPrint" src="../App_Themes/style/images/b_print.jpg" ="return np();" style="border-style:Ridge;border-width:0px;" /> <input type="image" name="ctl00$MainContent$btnExport" id="ctl00_MainContent_btnExport" src="../App_Themes/style/images/b_export.jpg" style="border-style:Ridge;border-width:0px;" /> </td> </tr> </tbody> </table> <!--結(jié)束功能條--> <table border="1" style="font: 宋體; font-size: 12px;"> <tr> <td style="width: 256px; height: 15px;"> 卡號(hào)*</td> <td colspan="1" style="width: 233px; height: 15px"> <input name="ctl00$MainContent$txtc_printno" type="text" id="ctl00_MainContent_txtc_printno" style="width:120px;height:16px;font-size:12px;font-family:宋體;color:DimGray;border-width:1px;border-style:Solid;border-color:#C4CAE6;background-color:White;" /></td> <td colspan="1" style="height: 24px; font-size: 14px; font-family: 宋體; width: 180px;" > <input type="image" name="ctl00$MainContent$nSearch" id="ctl00_MainContent_nSearch" src="../images/go.gif" alt="查詢" ="return nselect();" style="border-width:0px;" /> </td> </tr> </table>
注意:
1.源文件控件和元素ID和生成HTML文件的ID不一致。在生成的HTML中原ASP控件ID加了ctl00_MainContent_前綴,其他元素加了ctl00$MainContent$前綴。原變form1為aspnetForm這是因?yàn)閍spx頁面的控件是母板頁的ContentPlaceHolder
控件下的子控件,所以控件ID會(huì)變
2.<system.Web><xhtmlConformance mode="Transitional|Legacy|Strict" />在其中選擇 Transitional、Strict則產(chǎn)生自動(dòng)前綴。ctl00.選擇 Legacy|則產(chǎn)生自動(dòng)前綴_ctl0.
3.后臺(tái)Request.Form["txtc_name"]鍵值需要改變,必須變?yōu)镽equest.Form["ctl00$MainContent$txtc_name"]才能收到頁面輸入值
4.至于為什么,只能說這是.NET機(jī)制問題。。。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Asp.Net套用母版頁后元素ID不一致(個(gè)人總結(jié))
- 淺談Asp.Net母版頁和內(nèi)容頁運(yùn)行機(jī)制
- 淺談Asp.Net母版頁的相關(guān)知識(shí)
- 在ASP.NET 2.0中操作數(shù)據(jù)之三:創(chuàng)建母版頁和站點(diǎn)導(dǎo)航
- asp.net母版頁如何使用
- ASP.NET母版頁基礎(chǔ)知識(shí)介紹
- ASP.NET中母版頁和shtml實(shí)例入門
- ASP.Net巧用窗體母版頁實(shí)例
- asp.net使用母版頁中使用ajax腳本取數(shù)據(jù)
- ASP.NET下母版頁和內(nèi)容頁中的事件發(fā)生順序整理
- ASP.NET 2.0 中的創(chuàng)建母版頁
- ASP.NET MVC使用母版頁視圖
相關(guān)文章
ASP.NET Gridview與checkbox全選、全不選實(shí)現(xiàn)代碼
ASP.NET Gridview checkbox全選與全不選實(shí)現(xiàn)代碼,其實(shí)原理就是利用js來實(shí)現(xiàn)的,但需要簡單的設(shè)置下回傳。2010-04-04.Net Core學(xué)習(xí)教程之在Mvc中簡單的使用日志組件
這篇文章主要給大家介紹了關(guān)于.Net Core學(xué)習(xí)教程之在Mvc中簡單使用日志組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06AspNet Core上實(shí)現(xiàn)web定時(shí)任務(wù)實(shí)例
在本篇文章里小編給大家分享了關(guān)于AspNet Core上實(shí)現(xiàn)web定時(shí)任務(wù)的實(shí)例內(nèi)容,有興趣的朋友們學(xué)習(xí)參考下。2019-02-02Linux上使用Docker部署ASP.NET?Core應(yīng)用程序
這篇文章介紹了使用Docker部署ASP.NET?Core應(yīng)用程序的方法,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03asp.net發(fā)布后web.config中compilation的debug的值true和false區(qū)別點(diǎn)整理
在本篇文章里小編給大家整理的是一篇關(guān)于asp.net發(fā)布后web.config中compilation的debug的值true和false區(qū)別點(diǎn)內(nèi)容,有需要的為朋友們可以參考下。2020-01-01ASP.NET數(shù)據(jù)綁定GridView控件使用技巧
這篇文章主要為大家詳細(xì)介紹了ASP.NET數(shù)據(jù)綁定GridView控件使用技巧,感興趣的小伙伴們可以參考一下2016-03-03asp.net Google的translate工具翻譯 API
很久前的一天,我想使用這個(gè)東西,然后看了下,GooGle的Translate工具目前沒有公開API,還是一個(gè)逐漸完善的過程,另一方面,利用一段很小的程序就可以得到我們想要的效果。2008-12-12ASP.NET Core根據(jù)環(huán)境變量支持多個(gè) appsettings.json配置文件
這篇文章主要介紹了ASP.NET Core根據(jù)環(huán)境變量支持多個(gè) appsettings.json配置文件,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08