必威体育Betway必威体育官网
当前位置:首页 > IT技术

关于ContentPlaceHolder与Content控件

时间:2019-05-30 23:42:05来源:IT技术作者:seo实验室小编阅读:86次「手机版」
 

contentplaceholder

定义:

contentplaceholder 控件:在 ASP.NET 母版页中定义内容区域。

Content控件:保存文本、标记和服务器控件以呈现给母版页中的 ContentPlaceHolder 控件。

两者关系:

ContentPlaceHolder 控件在母版页中定义相对内容区域,并呈现在内容页中找到的相关的 Content 控件的所有文本、标记和服务器控件。

Content 控件使用其ContentPlaceHolderID 属性与 ContentPlaceHolder 关联。将 ContentPlaceHolderID 属性设置为母版页中相关的 ContentPlaceHolder 控件的ID属性的值。

通 俗的来讲,ContentPlaceHolder 控件是个容器控件,用来存放内容,但是如果它放在母板页中,那么它的内容页就需要使用Content控件来指定ContentPlaceHolder控件 (好像一个指针一样,通过 ContentPlaceHolderID 属性来指定)来放置内容。

注意:

ContentPlaceHolder控件如果放在母版页中,那么它的内容页是通过Content控件来链接,是可编辑的。

但是Content控件如果放在母板页中,那么它的内容页中没有东西来对其进行链接,是不可编辑的。

举例:

母版页一的代码

  1. <</SPAN>span style="font-size:18px;"><</SPAN>span style="font-size:13px;"><</SPAN>headrunat="server">
  2. <</SPAN>title>演示</</SPAN>title>
  3. <</SPAN>asp:ContentPlaceHolder id="head" runat="server">
  4. </</SPAN>asp:ContentPlaceHolder>
  5. </</SPAN>head>
  6. <</SPAN>body>
  7. <</SPAN>form id="form1" runat="server">母版页演示
  8. <</SPAN>p>
  9. <</SPAN>asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
  10. </</SPAN>asp:ContentPlaceHolder>
  11. </</SPAN>p>
  12. </</SPAN>form>
  13. </</SPAN>body></</SPAN>span>
  14. </</SPAN>span>

母版页一的内容页的代码:

  1. <</SPAN>span style="font-size:18px;"><</SPAN>span style="font-size:13px;"><</SPAN>asp:ContentID="Content1" ContentPlaceHolderID="head" Runat="Server">
  2. </</SPAN>asp:Content>
  3. <</SPAN>asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  4. </</SPAN>asp:Content></</SPAN>span>
  5. </</SPAN>span>

母版页二的代码(二级母版页,继承自母版页一):

  1. <</SPAN>span style="font-size:18px;"><</SPAN>span style="font-size:13px;"><</SPAN>asp:ContentID="Content1" ContentPlaceHolderID="head" Runat="Server">
  2. </</SPAN>asp:Content>
  3. <</SPAN>asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  4. </</SPAN>asp:Content></</SPAN>span>
  5. </</SPAN>span>

母版页二的内容页的代码:没有代码,是空白。

问题:这样的话二级母版页的内容页就不能进行编辑,如何解决呢?

解决:我们只需在二级母版页中添加ContentPlaceHolder控件即可。

举例:上面的母版页二,我们更改后:

  1. <</SPAN>span style="font-size:18px;"><</SPAN>span style="font-size:13px;"><</SPAN>asp:ContentID="Content1" ContentPlaceHolderID="head" Runat="Server">
  2. <</SPAN>asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
  3. </</SPAN>asp:ContentPlaceHolder>
  4. </</SPAN>asp:Content></</SPAN>span>
  5. </</SPAN>span><</SPAN>span style="font-size:13px;"><</SPAN>asp:Content ID="Content2"ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  6. <</SPAN>asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
  7. </</SPAN>asp:ContentPlaceHolder>
  8. </</SPAN>asp:Content>
  9. </</SPAN>span>

母版页二的内容页变为:

  1. <</SPAN>span style="font-size:13px;"><</SPAN>asp:Content ID="Content1"ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  2. </</SPAN>asp:Content>
  3. <</SPAN>asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
  4. </</SPAN>asp:Content>
  5. </</SPAN>span> 

相关阅读

response.text 与 response.content

在某些情况下来说,response.text 与 response.content 都是来获取response中的数据信息,效果看起来差不多。那么response.text 和 r

response.setcontenttype详解

Response.setContentType(MIME)的作用是时客户端的浏览器区分不同种类的数据,并根据不同的MIME调用浏览器内不同的程序嵌入模块来

textContent和innerText以及innerHTML的区别,结合demo

先看看下面这个demo,不言自明: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl

Qt编写项目作品大全(录音播放控件+PDF阅读器+定制化安

Qt编写项目作品大全(录音播放控件+PDF阅读器+定制化安装包工具+斗图神器等) 文章目录Qt编写项目作品大全(录音播放控件+PDF阅读器+定

关于NavigationView控件中没有layout_gravity属性提示

<android.support.design.widget.NavigationView android:id="@+id/nv_main_navigation" android:layout_wi

分享到:

栏目导航

推荐阅读

热门阅读