CheckBox In a RadComboBox RSS

• • 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>