asp.net中可重用的Page_PreRender函数

时间：2010-09-04 12:27:46

标签： asp.net function reusability prerender

我有一个功能，它将我的linkbutton设置为面板的默认按钮。

protected void Page_PreRender(object sender, EventArgs e)
    {
        string addClickFunctionScript = @"function addClickFunction(id) {
               var b = document.getElementById(id);
               if (b && typeof(b.click) == 'undefined')
                 b.click = function() {
                   var result = true;
                   if (b.onclick) result = b.onclick();
                   if (typeof(result) == 'undefined' || result)
                     eval(b.getAttribute('href'));
                 }
             };";

        string clickScript = String.Format("addClickFunction('{0}');", lbHello.ClientID);

        Page.ClientScript.RegisterStartupScript(this.GetType(), "addClickFunctionScript", addClickFunctionScript, true);
        Page.ClientScript.RegisterStartupScript(this.GetType(), "click_" + lbHello.ClientID, clickScript, true);
    }

这很好用。如何使这个可重用到我的应用程序的所有页面。一个页面可以有多个链接按钮和多个面板....任何建议......

3 个答案:

答案 0 :(得分：3)

最干净的方法是使用继承自LinkButton的自定义服务器控件。事实上，这似乎与the blog post中的earlier question一致。您需要做的就是覆盖OnPreRender事件并粘贴您在将lbHello.ClientID更改为this.ClientID时所拥有的代码，以引用该控件的特定实例。设置它不应该超过10分钟。完成此操作后，您可以在一个页面上使用任意数量的控件，并在整个应用程序的各个页面中轻松支持它。

在按照下面的说明操作时，您可能会发现此MSDN文章很有用，特别是“创建服务器控件”部分：Walkthrough: Developing and Using a Custom Web Server Control。以下是完成此操作的分步指南：

  1. 在现有解决方案中添加一个新的ASP.NET服务器控件项目（右键单击解决方案资源管理器中的解决方案 - > gt;添加新项目 - > ASP.NET服务器控件）。将其命名为LinkButtonDefault（当然，您可以自由更改名称）。
  2. 将ServerControl1.cs重命名为LinkButtonDefault.cs
  3. 将文件中的命名空间重命名为CustomControls
  4. 打开AssemblyInfo.cs文件（包含在项目的Properties文件夹中），执行MSDN文章中的步骤12-14。在文件底部添加此行：[assembly: TagPrefix("CustomControls", "CC")]
  5. 在LinkButtonDefault.cs中添加此代码以覆盖OnPreRender事件：

    6. 代码（注意使用this.ClientID）：

        protected override void OnPreRender(EventArgs e)
    {
        string addClickFunctionScript = @"function addClickFunction(id) {
           var b = document.getElementById(id);
           if (b && typeof(b.click) == 'undefined')
             b.click = function() {
               var result = true;
               if (b.onclick) result = b.onclick();
               if (typeof(result) == 'undefined' || result)
                 eval(b.getAttribute('href'));
             }
         };";

        string clickScript = String.Format("addClickFunction('{0}');", this.ClientID);

        Page.ClientScript.RegisterStartupScript(this.GetType(), "addClickFunctionScript", addClickFunctionScript, true);
        Page.ClientScript.RegisterStartupScript(this.GetType(), "click_" + this.ClientID, clickScript, true);

        base.OnPreRender(e);
    }

    您可能还希望更新以[ToolboxData("<{0}:开头的类声明上方生成的属性代码，以使用LinkButtonDefault而不是ServerControl1。这就是新的Server Control项目。我强烈建议您阅读上述MSDN文章以利用其他功能，例如在需要时向工具箱添加控件。

    完成这些步骤后，您应该有一个类似于此的LinkButtonDefault.cs文件：

    using System;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CustomControls
{
    [DefaultProperty("Text")]
    [ToolboxData("<{0}:LinkButtonDefault runat=server></{0}:LinkButtonDefault>")]
    public class LinkButtonDefault : LinkButton
    {
        [Bindable(true)]
        [Category("Appearance")]
        [DefaultValue("")]
        [Localizable(true)]
        public string Text
        {
            get
            {
                String s = (String)ViewState["Text"];
                return ((s == null) ? "[" + this.ID + "]" : s);
            }

            set
            {
                ViewState["Text"] = value;
            }
        }

        protected override void RenderContents(HtmlTextWriter output)
        {
            output.Write(Text);
        }

        protected override void OnPreRender(EventArgs e)
        {
            string addClickFunctionScript = @"function addClickFunction(id) {
               var b = document.getElementById(id);
               if (b && typeof(b.click) == 'undefined')
                 b.click = function() {
                   var result = true;
                   if (b.onclick) result = b.onclick();
                   if (typeof(result) == 'undefined' || result)
                     eval(b.getAttribute('href'));
                 }
             };";

            string clickScript = String.Format("addClickFunction('{0}');", this.ClientID);

            Page.ClientScript.RegisterStartupScript(this.GetType(), "addClickFunctionScript", addClickFunctionScript, true);
            Page.ClientScript.RegisterStartupScript(this.GetType(), "click_" + this.ClientID, clickScript, true);

            base.OnPreRender(e);
        }
    }
}

    现在返回到您的Web应用程序并添加对CustomControls项目的引用。您应该可以从添加引用的Project选项卡执行此操作，因为我建议将上述项目添加到现有解决方案中。如果您希望自己可以在自己的解决方案中构建上述项目，那么可以使用.dll选项卡添加对Browse文件的引用。添加参考后，您就可以使用新的LinkButtonDefault控件。

    要使用这些控件，您可以在每个页面上使用@ Register指令来使用控件，或者您可以将其添加到Web.config中，并在整个应用程序中轻松引用它。我将在下面向您展示这两种方法。基于您的问题，我认为您将要将其添加到Web.config中。请参阅MSDN文章，您将在“标签前缀”部分的页面下方找到此信息。

    使用@ Register指令：

    转到所需的.aspx页面，将Register指令添加到要使用该控件的每个页面的顶部：

    <%@ Register Assembly="CustomControls" Namespace="CustomControls" TagPrefix="CC" %>

    在同一页面上，您现在可以使用该控件的多个实例。这是一个例子：

    <p><strong>1st Panel:</strong></p>
<asp:Label runat="server" ID="helloLabel" />
<asp:Panel ID="Panel1" runat="server" DefaultButton="lbHello">
    First name:
    <asp:TextBox runat="server" ID="txtFirstName" />
    <CC:LinkButtonDefault ID="lbHello" runat="server" Text="Click me" OnClick="lbHello_Click"
        OnClientClick="alert('Hello, World!');" />
</asp:Panel>

<p><strong>2nd Panel:</strong></p>
<asp:Label runat="server" ID="fooBarLabel" />
<asp:Panel ID="Panel2" runat="server" DefaultButton="lbFooBar">
    Other:
    <asp:TextBox runat="server" ID="TextBox1" />
    <CC:LinkButtonDefault ID="lbFooBar" runat="server" Text="Click me" OnClick="lbFooBar_Click" />
</asp:Panel>

    在后面的代码（.aspx.cs）中，您需要添加：

    protected void Page_Load(object sender, EventArgs e)
{
    // example of adding onClick programmatically
    lbFooBar.Attributes.Add("onClick", "alert('Foo Bar!');"); 
}

protected void lbHello_Click(object sender, EventArgs e)
{
    helloLabel.Text = String.Format("Hello, {0}", txtFirstName.Text);
}

protected void lbFooBar_Click(object sender, EventArgs e)
{
    fooBarLabel.Text = String.Format("FooBar: {0}", TextBox1.Text);
}

    使用Web.config：

    要使用Web.config，请保留上面示例中使用的完全相同的标记和代码。请按照以下步骤操作：

    1. 删除.aspx标记上使用的@ Register指令。
    2. 打开Web应用程序的Web.config文件。
    3. 找到<system.web>...</system.web>部分。
    4. 将以下映射添加到该部分：

      5. 映射：

      <pages>
  <controls>
    <add assembly="CustomControls" namespace="CustomControls" tagPrefix="CC" />
  </controls>
</pages>

      重新编译，一切都应该成功构建。有了这个，您不再需要在每个页面上指定@ Register指令。

      如果您遇到困难并有任何疑问，请告诉我。只需仔细阅读以上所有内容，因为这是一篇包含大量代码的长篇文章。

答案 1 :(得分：0)

您可以创建一个派生自System.Web.UI.Page的类（让我们称之为Foo），并将您的方法抽象为可重用的点。您的所有ContentPages都应该来自Foo而不是System.Web.UI.Page

答案 2 :(得分：0)

我的建议是使用母版页，或者将代码分解为静态函数，该函数将System.Web.UI.Page对象作为参数。当然，您总是可以使用继承（这将起作用），但是您将失去使用拖放式设计时功能来布局页面的能力，因为VS.NET Web表单设计器对ASPX页面造成了很大的影响。不要直接从System.Web.UI.Page或System.Web.UI.MasterPage派生。

相关问题
最新问题