如何使CheckBoxList与LinkBut​​ton事件一起使用?

时间:2015-08-12 15:58:27

标签: c# asp.net checkboxlist asplinkbutton

以下代码显示了一些复选框,如果您选择其中任何一个,它将在页面上列出。 问题是我想在页面上使用"LinkButton",如果我点击链接,那么将显示ckeckbox。当我在OnLoad="Page_Edit"中使用"asp:LinkButton"时,checkboxlist工作正常,但我不希望checkboxlist一直显示出来,我希望通过点击“点击使用复选框!”链接。如果我使用OnClick="Page_Edit",则选择任意一个复选框,checkboxlist就会消失。任何帮助,将不胜感激。

  <h3> CheckBoxList Constructor Example </h3>


   <asp:LinkButton id="myid" runat="server"  Text="Click to work with checkbox!" OnLoad="Page_Edit" OnClick="Page_Edit"    /><br />
  Select items from the CheckBoxList.


  <br /><br />

  <asp:PlaceHolder id="Place" runat="server"/>

  <br /><br />

  <asp:label id="Message" runat="server"/>

void Check_Clicked(Object sender,EventArgs e)       {

     // Retrieve the CheckBoxList control from the Controls collection
     // of the PlaceHolder control.
     CheckBoxList checklist =  (CheckBoxList)Place.FindControl("checkboxlist1");

     // Make sure a control was found.
     if(checklist != null)
     { 

        Message.Text = "Selected Item(s):<br /><br />";

        // Iterate through the Items collection of the CheckBoxList 
        // control and display the selected items.
        for (int i=0; i<checklist.Items.Count; i++)
        {

           if (checklist.Items[i].Selected)
           {

              Message.Text += checklist.Items[i].Text + "<br />";

           }

        }

     }

     else
     {

        // Display an error message.
        Message.Text = "Unable to find CheckBoxList control.";

     }

  }


  void Page_Edit(Object sender, EventArgs e)
  {

     // Create a new CheckBoxList control.
     CheckBoxList checklist = new CheckBoxList();

     // Set the properties of the control.
     checklist.ID = "checkboxlist1";
     checklist.AutoPostBack = true;
     checklist.CellPadding = 5;
     checklist.CellSpacing = 5;
     checklist.RepeatColumns = 2;
     checklist.RepeatDirection = RepeatDirection.Vertical;
     checklist.RepeatLayout = RepeatLayout.Flow;
     checklist.TextAlign = TextAlign.Right;            

     // Populate the CheckBoxList control.
     checklist.Items.Add(new ListItem("Item 1"));
     checklist.Items.Add(new ListItem("Item 2"));
     checklist.Items.Add(new ListItem("Item 3"));
     checklist.Items.Add(new ListItem("Item 4"));
     checklist.Items.Add(new ListItem("Item 5"));
     checklist.Items.Add(new ListItem("Item 6"));

     // Manually register the event-handling method for the 
     // SelectedIndexChanged event.
     checklist.SelectedIndexChanged += new EventHandler(this.Check_Clicked);

     // Add the control to the Controls collection of the 
     // PlaceHolder control.

     Place.Controls.Add(checklist);

  }

3 个答案:

答案 0 :(得分:1)

在复选框和链接按钮上删除OnLoad; OnLoad每次都运行,并且只有在单击链接按钮时才会显示您的显示条件。现在如果项目每次都在列表中,我建议只需将控件添加到标记中:

<asp:CheckboxList .. Visible="false">
  <Items>
    <asp:ListItem Text="Item 1" />
  </Items>
</asp:CheckBoxList>

注意可见属性;在linkbutton onclick中,然后设置checkboxlistID.Visible = true,它将显示给用户。

答案 1 :(得分:0)

更好的想法是使用IsPostBack检查在PageLoad方法上创建一个新的CheckBoxList控件。

{{1}}

之后你应该只添加OnClick =&#34; Page_Edit&#34;链接按钮和内部Page_Edit方法尝试仅更改可见属性,例如:

{{1}}

答案 2 :(得分:0)

解决方案是在“asp:linkBut​​ton”上同时使用OnLoad和OnClick,在OnClick事件中我们使核对清单可见。这样我们就可以将复选框加载到页面中,但不可见,除非有人点击使其可见的链接。谢谢大家。