radiobutton in itemtemplate

[newbie]

I have implemented a combobox with multiselect using checkboxes.
Along with this functionality I also want to provide radio buttons next to the checkboxes.

The requirement is that the user should be able to select multi items in the combo and mark one of them as the default value.

The multi-select is working perfectly for me, I am unable to figure out how to get the radio buttons.

Can you help me with this requirement?

[Princy]

Hello,

You can try out the following code to achieve the required scenario:
aspx:

<telerik:RadComboBox runat="server" ID="RadComboBox1" HighlightTemplatedItems="true">
                <Items>
                   .....
                </Items>
                <ItemTemplate>
                    <asp:RadioButton ID="RadioButton1" runat="server" />

                    <asp:CheckBox runat="server" ID="CheckBox"/>
                </ItemTemplate>
</telerik:RadComboBox>

C#:

   protected void Page_Load(object sender, EventArgs e)
    {
       setGrdRadioButtonOnClick();
    }


    public void setGrdRadioButtonOnClick()
    {
        foreach (RadComboBoxItem item in RadComboBox1.Items)
        {
            RadioButton radioButton = (RadioButton)item.FindControl("RadioButton1"); // access the RadioButton
            radioButton.Attributes.Add("OnClick", "SelectOneOnly(" + radioButton.ClientID + ", " + "'RadComboBox1'" + ")");
        }
    }

js:

<script type="text/javascript">
       function SelectOneOnly(radioButton, combo)
       {
           for (var i=0; i<document.all.length; i++)
             {
              var obj = document.all(i);
              if (obj.type == "radio")
               {
                 if (radioButton.id.substr(0, combo.length) == combo)
                 if (radioButton.id == obj.id)
                     obj.checked = true;
                 else
                     obj.checked = false;
               }
             }
       }
</script>

Thanks
Princy.

[newbie]

Thanks.

I also want to have a default selection in my combo box. I am able to select the radiobutton for the default selection.
I want to display the selected text in the Combo TextBox.

This is the code that I am using:

foreach

(RadComboBoxItem item in combo.Items)

 

{

 

if (item.Text == "default") // get the default value

 

{

RadioButton rb = (RadioButton)item.FindControl("RadioButton1");

 

rb.Checked =

true;
combo.Text = item.Text;
}

 

}

But combo.Text does not display the text value.

[Veselin Vasilev]

Hello,

You need to set the AllowCustomText property of the combobox to True.

Sincerely yours,
Veselin Vasilev
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[newbie]

setting allowcustomtext property to true does not show the text in the combo input.

I just wanted to add that I am using LoadOnDemand.

So, I am setting the text value in the ItemsRequested event handler.

[Veselin Vasilev]

Hello,

In ItemsRequested server event you can only add items to the combobox. You cannot set any of its properties (including the Text property).
What you can do is to subscribe to the OnClientItemsRequested event and use the javascript method set_text() to set the text of the combobox or just select one of the loaded items.
Here are both approaches:

function onClientRequested(sender, e)
{
   // set a custom text
   sender.set_text("Please select an item");
}
</sc

and

function onClientRequested(sender, e)
{
    //select the first item
    sender.get_items().getItem(0).select();
}

I hope this helps.

Best wishes,
Veselin Vasilev
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Mark]

This is a great work around that still appears relevant in 2018!

Thanks!

-Mark