Question

我想避免ASP.Net Web应用程序中重复的html内容。我必须实现一个包含N个面板的页面，每个面板包含操作按钮（添加，编辑和删除）和一个网格。网格包含差异列＆amp;数据。像...

<div> <div> <input type="button" Value="Add" /> <input type="button" Value="Edit" /> <input type="button" Value="Delete" /> </div> <div>Kendo Grid</div> </div>

Answer 1

您可以创建可以在不同网页上使用的自定义控件（.ascx）（对于页面可以多次使用。您只需将可重用内容放在.ascx中，在页面或web.config级别注册.ascx，然后将它放在页面上。我将从ScottGu's blog借用一些代码。

创建一个控件：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Footer.ascx.cs" Inherits="WebUserControl" %>
<div>
    <div>
      <input type="button" Value="Add" />
      <input type="button" Value="Edit" />
      <input type="button" Value="Delete" /> 
    </div>
    <div>Kendo Grid</div>
 </div>

如果您想在页面级别注册

<%@ Register TagPrefix="scott" TagName="footer" Src="Controls/Footer.ascx" %>

如果您想在web.config级别注册

<configuration>
  <system.web>   
    <pages>
      <controls>
        <add tagPrefix="scottgu" src="~/Controls/Footer.ascx" tagName="footer"/>
      </controls>
    </pages>
  </system.web>
</configuration>

然后你可以在你的页面上嵌入控件：

<scott:footer runat="server" />

另请参阅：when do you need .ascx files and how would you use them?

Answer 2

您可以通过编程方式添加它们，也可以使用转发器控件。我会使用转发器控件。

如何避免在ASP.Net中编写重复内容

2 个答案: