有条件地渲染用户控制

时间:2011-05-05 06:53:42

标签: asp.net user-controls properties pageload

我有一个简单的用户控件来将数据插入数据库。我为用户控件创建了一个名为isInModifyMode的公共属性。如果在父窗体控件的click事件上单击编辑按钮为true,然后在父页面的页面加载事件上检查属性IsinModifymode,则将usercontrols pageload上的属性设置为true并使用文本框中填充的值和数据库中的所有其他控件(即我更改按钮的文本属性以更新而不是保存)在修改模式下呈现控件

但代码不起作用。 如果有任何机构可以提前帮助你。

2 个答案:

答案 0 :(得分:2)

目前还不太清楚你要做什么以及究竟什么不起作用。但我会用一些假设来回答:

  • 您希望仅在简单的回发事件中基于isInModifyMode更改表单
  • “父表单控件的单击事件”表示触发回发的单个按钮
  • 您正在使用C#和代码隐藏

原则非常简单,有很多方法可以做我认为你在问的问题。一种方法是基本将事件绑定到按钮以设置控件的isInModifyMode属性。在控件本身中,让属性的setter调用一个更新显示的方法。这在以下非常基本和不太完美的例子中说明:

Default.aspx的

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Src="WebUserControl.ascx" TagName="WebUserControl" TagPrefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <uc1:WebUserControl ID="WebUserControl1" runat="server" isInModifyMode="false" />
        <asp:Button ID="EditButton" runat="server" Text="Edit" />
    </form>
</body>
</html>

Default.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page 
{
    protected override void OnInit(EventArgs e)
    {
        // Assign the handler for the edit button click event
        EditButton.Click += new EventHandler(EditButton_Click);

        base.OnInit(e);
    }

    /// <summary>
    /// Edit button click handler
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    void EditButton_Click(object sender, EventArgs e)
    {
        WebUserControl1.isInModifyMode = true;
    }
}

WebUserControl1.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>

<asp:PlaceHolder ID="ReadOnlyModePlaceholder" runat="server">
    <p>Read Only Mode</p>
</asp:PlaceHolder>

<asp:PlaceHolder ID="EditModePlaceholder" runat="server" Visible="false">
    <p>Edit Mode</p>
</asp:PlaceHolder>

WebUserControl1.ascx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class WebUserControl : System.Web.UI.UserControl
{
    /// <summary>
    /// Changes the display mode by toggling the appropriate controls on or off
    /// based on the isInModifyMode property
    /// </summary>
    private void SetDisplayMode()
    {
        if (!this.isInModifyMode)
        {
            // Render as not modify
            ReadOnlyModePlaceholder.Visible = true;
            EditModePlaceholder.Visible = false;
        }
        else
        {
            // Render as modify
            ReadOnlyModePlaceholder.Visible = false;
            EditModePlaceholder.Visible = true;
        }
    }

    /// <summary>
    /// Determines whether or not the control should be displayed in edit mode or not.
    /// </summary>
    public bool isInModifyMode
    {
        get
        {
            if (ViewState["isInModifyMode"] != null)
                return (bool)ViewState["isInModifyMode"];
            else
                return false;
        }
        set
        {
            ViewState["isInModifyMode"] = value;
            // Since we're possibly changing modes, call
            // the SetDisplayMode() method to update the display
            SetDisplayMode();
        }
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        // Set the display mode on the initial load
        if (!IsPostBack)
            SetDisplayMode();
    }
}

答案 1 :(得分:1)

查看ASP.Net page life cycle和事件序列。

页面加载和控制加载事件在ButtonClick之前触发。将渲染逻辑移动到PreRender事件。

如果这没有帮助,请添加一些代码以便更好地理解该问题。