Blog

CheckBox In a RadComboBoxRSS

5 replies

Last post Jan 13, 2012 07:11 AM by jawed_akhtar786

‹ Previous Thread|Next Thread ›

Shortcuts

- Reply
mkazim4u
None

0 Points

3 Posts

CheckBox In a RadComboBox

Dec 16, 2010 06:59 AM|mkazim4u|LINK

I am using a checkbox control in a RadComboBox but when I bind a RadcomboBox with a data source the text doesn't appear with my check box. I think it's a redering a problem.

<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"><telerik:RadComboBox ID="cmbRoleName" EmptyMessage="- please select role -" runat="server"</div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"</div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   AllowCustomText="true" OnClientDropDownClosed="onDropDownClosing"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <ItemTemplate></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <table border="0" cellpadding="0" cellspacing="0" onclick="StopPropagation(event)"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <tr></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <td></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <asp:CheckBox runat="server" ID="chkRole" Text="" Onclick="chkBox_Click(this)" /></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"><%-- <asp:Label ID="Label4" Visible="true" Text="<%#DataBinder.Eval(Container.Dataitem,"RoleName")%>"</div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   runat="server"></asp:Label></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">--%> </td></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </tr></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </table></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </ItemTemplate></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </telerik:RadComboBox></div>

<telerik:RadComboBox ID="cmbRoleName" EmptyMessage="- please select role -" runat="server"

   AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"

   AllowCustomText="true" OnClientDropDownClosed="onDropDownClosing">

   <ItemTemplate>

   <table border="0" cellpadding="0" cellspacing="0" onclick="StopPropagation(event)">

   <tr>

   <td>

   <asp:CheckBox runat="server" ID="chkRole" Text="<%#DataBinder.Eval(Container.Dataitem,"RoleName")%>" Onclick="chkBox_Click(this)" />



   </td>

   </tr>

   </table>

   </ItemTemplate>

   </telerik:RadComboBox>

check box RadComboBox
- Reply
rezaxp
Participant

1292 Points

408 Posts

Re: CheckBox In a RadComboBox

Dec 16, 2010 10:50 AM|rezaxp|LINK

I think you should ser datatextfield and datavaluefield check this article :

http://www.telerik.com/community/forums/aspnet-ajax/combobox/check-checkbox-in-radcombobox-itemtemplate.aspx

Please don't forget Mark as Answered if you got your answer

Life would be so much easier if we could just look at the source code.
Tweet
- Reply
mkazim4u
None

0 Points

3 Posts

Re: CheckBox In a RadComboBox

Dec 16, 2010 11:06 AM|mkazim4u|LINK

I have setup a DataTextField and DataValueField but still RoleName doesn't appear along with my checkboxes :( ... Please help me

<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"><telerik:RadComboBox ID="cmbRoleName" runat="server" EmptyMessage="- please select role -"</div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"</div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   AllowCustomText="true" DataTextField="RoleName" DataValueField="RoleId" OnClientDropDownClosed="onDropDownClosing"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <Items></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </Items></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <ItemTemplate></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <div onclick="StopPropagation(event)"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <asp:CheckBox runat="server" ID="chkRole" Onclick="chkBox_Click(this)"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </asp:CheckBox></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </div></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </ItemTemplate></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <CollapseAnimation Duration="200" Type="OutQuint" /></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   <ExpandAnimation Type="OutQuart" /></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste">   </telerik:RadComboBox></div>

<telerik:RadComboBox ID="cmbRoleName" runat="server" EmptyMessage="- please select role -"

   AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"

   AllowCustomText="true" DataTextField="RoleName" DataValueField="RoleId" OnClientDropDownClosed="onDropDownClosing">

   <Items>

   </Items>

   <ItemTemplate>

   <div onclick="StopPropagation(event)">

   <asp:CheckBox runat="server" ID="chkRole" Onclick="chkBox_Click(this)">

   </asp:CheckBox>

   </div>

   </ItemTemplate>

   <CollapseAnimation Duration="200" Type="OutQuint" />

   <ExpandAnimation Type="OutQuart" />

   </telerik:RadComboBox>
- Reply
incubator138...
Member

140 Points

70 Posts

Re: CheckBox In a RadComboBox

Dec 24, 2010 03:11 AM|incubator138@hotmail.com|LINK

Hello,

I hope the following Telerik code libraries would shed some light in using CheckBoxes in combo ItemTemplate.

Please go through these.

using checkboxes for multi selection

combobox with checkboxes and select all

Happy Christmas!!!

-Shinu.
- Reply
rezaxp
Participant

1292 Points

408 Posts

Re: CheckBox In a RadComboBox

Dec 25, 2010 05:22 PM|rezaxp|LINK

hi again, sorry for my late reply because I was busy

try this and let me know the resault

<telerik:RadComboBox ID="cmbRoleName" runat="server" EmptyMessage="- please select role -"

   AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"

   AllowCustomText="true" DataTextField="RoleName" DataValueField="RoleId" OnClientDropDownClosed="onDropDownClosing">

   <Items>

   </Items>

   <ItemTemplate>

   <div onclick="StopPropagation(event)">

   <asp:CheckBox runat="server" ID="chkRole" Onclick="chkBox_Click(this)" Text='<%#Eval("RoleName")%>'>

   </asp:CheckBox>

   </div>

   </ItemTemplate>

   <CollapseAnimation Duration="200" Type="OutQuint" />

   <ExpandAnimation Type="OutQuart" />

   </telerik:RadComboBox>

Please don't forget Mark as Answered if you got your answer

Life would be so much easier if we could just look at the source code.
Tweet
- Reply
jawed_akhtar...
Member

180 Points

86 Posts

Re: CheckBox In a RadComboBox

Jan 13, 2012 07:11 AM|jawed_akhtar786|LINK

Try this,

<telerik:RadComboBox TabIndex="2" ID="cmbPARole" runat="server" DataValueField="ID"
                            DataTextField="RoleName" EmptyMessage="All Roles" AllowCustomText="true" EnableScreenBoundaryDetection="false"
                            Width="240px" OnClientDropDownClosed="onDropDownClosing" EnableTextSelection="false">
                            <ItemTemplate>
                                <asp:CheckBox runat="server" ID="chk1" onclick="onCheckBoxClick(this)" Text='<%# DataBinder.Eval(Container.DataItem, "RoleName") %>' />
                            </ItemTemplate>
                        </telerik:RadComboBox>

‹ Previous Thread|Next Thread ›

CheckBox In a RadComboBoxRSS

5 replies

Shortcuts

CheckBox In a RadComboBox

Re: CheckBox In a RadComboBox

Re: CheckBox In a RadComboBox

Re: CheckBox In a RadComboBox

Re: CheckBox In a RadComboBox

Re: CheckBox In a RadComboBox