This is a migrated thread and some comments may be shown as answers.

EnableCheckAllItemsCheckBox "All" entry doesnt fire OnItemChecked event

17 Answers 535 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

17 Answers, 1 is accepted

answered on 17 Sep 2011, 10:00 AM

Hello Ken,

Your observation is correct - ItemChecked event fires when one item is checked.

When user checks the "Check All" checkbox - all RadComboBox items are marked as checked and added to control CheckedItems collection. So the simplest approach that you can use is to add an ordinary ASP.NET Button to fire a postback and get these checked items at server-side.
You can see this approach demonstrated here.

In general the idea to add some kind of "checked" server event to "Check All" checkbox is good, and we will consider it for future releases.

Regards,
Kalina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal

answered on 14 Feb 2012, 02:53 PM

Hello Stuart Hemming,

I am afraid that this issue is not addressed yet, but I can provide you a workaround.

Please try attaching a change() event handler at CheckAllItemsCheckbox in this way:

<title></title>

<script type="text/javascript" language="javascript">

function onLoad(sender) {

$telerik.$('.rcbCheckAllItemsCheckBox').change(function() {

__doPostBack();

});

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadComboBox ID="RadComboBox1" runat="server"

AutoPostBack="true" OnItemChecked="RadComboBox1_ItemChecked"

CheckBoxes="true" OnClientLoad="onLoad"

EnableCheckAllItemsCheckBox="true" >

<Items>

<telerik:RadComboBoxItem Text="item 1" Value="1" />

<telerik:RadComboBoxItem Text="item 2" Value="2" />

<telerik:RadComboBoxItem Text="item 3" Value="3" />

</Items>

</telerik:RadComboBox>

<asp:Label ID="lblPostBack" runat="server"></asp:Label>

</div>

</form>

protected void Page_Load(object sender, EventArgs e)

{

lblPostBack.Text = this.RadComboBox1.Text;

}

protected void RadComboBox1_ItemChecked(object sender, Telerik.Web.UI.RadComboBoxItemEventArgs e)

{

lblPostBack.Text = this.RadComboBox1.Text;

}

Greetings,
Kalina
the Telerik team

Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>

answered on 17 Feb 2012, 02:00 PM

Hello,

Adding server and client-side events to the "CheckAll" section is already a part of our future plans for the CheckBoxes feature. I will update this thread when the improvement is ready.

Meanwhile you can try attaching the change() event hander in this way:

<head runat="server">

<title></title>

<script type="text/javascript" language="javascript" >

function pageLoad()

{

var combos = Telerik.Web.UI.RadComboBox.ComboBoxes;

if (combos != null)

{

for (var i = 0; i < combos.length; i++)

{

var combo = combos[i];

var element = combo.get_dropDownElement();

var checkAll = $telerik.$(element).find(".rcbCheckAllItemsCheckBox");

checkAll.change(function() {

alert(combo._uniqueId);

__doPostBack();

});

}

</script>

</head>

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadComboBox ID="RadComboBox1" runat="server"

CheckBoxes="true"

EnableCheckAllItemsCheckBox="true" >

<Items>

<telerik:RadComboBoxItem Text="item 1" Value="1" />

<telerik:RadComboBoxItem Text="item 2" Value="2" />

<telerik:RadComboBoxItem Text="item 3" Value="3" />

</Items>

</telerik:RadComboBox>

<telerik:RadComboBox ID="RadComboBox2" runat="server"

CheckBoxes="true"

EnableCheckAllItemsCheckBox="true" >

<Items>

<telerik:RadComboBoxItem Text="item 1" Value="1" />

<telerik:RadComboBoxItem Text="item 2" Value="2" />

<telerik:RadComboBoxItem Text="item 3" Value="3" />

</Items>

</telerik:RadComboBox>

</div>

</form>

</body>

All the best,
Kalina
the Telerik team

Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>