如何显示和隐藏 html 字段集 以及从 Asp.Net 代码后面设置图例文本

Question

我有一个带有"一些文本"的文件集和图例，在这个字段集中我有一个网格

我有 2 个问题

1. 如何显示？ 从代码隐藏隐藏 html 文件集，我尝试以下方法来显示和隐藏字段集

   a） 设置 runat="server"——但它不起作用 b） 我将字段集粘贴到 asp.net 面板中并尝试显示/隐藏面板，它 也没用

2. 如何从代码隐藏中为图例设置文本，即我想设置"一些文本" + Value_Form_Code 在 AS 腿文本后面

注：I我正在使用"Rad Ajax Manager"和Rad Ajax LoadPanel

Answer 1

<asp:Panel ID="Panel1" runat="server" >                
<fieldlset>
<legend><asp:Label id="Label1" runat="server" /></legend>
</fieldset>
</asp:Panel>

如何从代码隐藏中显示/隐藏 html 文件集？

Panel1.Visible = true; // or false

如何从代码后面设置图例的文本，即我想设置"一些文本"+Value_Form_Code后面的AS图例文本？

Label1.Text = String.Format("some text {0}",Value_Form_Code);

Answer 2

还可以向字段集添加ID和runat="server"，并通过代码隐藏控制可见性。请记住用大写字母写"ID"。

<fieldset ID="myFieldset" runat="server">

您将无法控制图例文本，除非您为其提供 ID 并运行本身。但可见性是绝对可能的。

这种方法的好处是：没有不必要的html标记（面板将是额外的div）。缺点：字段集不是真正的 asp 控件，因此某些内容可能会给您带来例外，因此请谨慎使用。

仅当我想在某些情况下阻止控件呈现时，我才使用此方法（可见性就是这样做的）。

Answer 3

> 1：我认为您应该将字段集放在asp：panel中，然后从代码隐藏/显示面板。这将自动隐藏/显示您的字段集。

2：就设置图例文本而言，只需使用 runat="server" 设置图例并从代码隐藏中设置代码即可。

Answer 4

当您设置

asp：panel 控件的"GroupingText"属性时，它将呈现为 HTML 中的"字段集"标记，并且"GroupingText"属性值中设置的任何内容都将呈现为 <legend> 标记。

我认为以下代码将根据您的要求为您提供帮助。

对于设计方面，

<asp:Panel runat="server" ID="Panel1" GroupingText="This is legend">
       <h4>Your Content Goes Here</h4>
    </asp:Panel>
    <br />
    <asp:Button ID="btnHidePanel" runat="server" Text ="Hide FieldSet" onclick="btnHidePanel_Click" />
    <asp:Button ID="btnShowPanel" runat="server" Text ="Show FieldSet" onclick="btnShowPanel_Click" Visible="false" />

对于代码隐藏，请尝试此操作，

protected void btnHidePanel_Click(object sender, EventArgs e)
        {
            Panel1.Visible = false;
            btnHidePanel.Visible = false;
            btnShowPanel.Visible = true;
        }
        protected void btnShowPanel_Click(object sender, EventArgs e)
        {
            Panel1.Visible = true;
            Panel1.GroupingText = "This Legend Text Has been Changed";
            btnHidePanel.Visible = true;
            btnShowPanel.Visible = false;
        }