Button inside MultiColumnComboBox

[sarthkee]

How to add button inside MultiColumnComboBox at the end of all rows inside it Or in a column? 

[Peter Milchev]

Hello,

You can add an additional column and use the ColumnTemplate to add a button:

• https://docs.telerik.com/devtools/aspnet-ajax/controls/multicolumncombobox/functionality/templates#column-template 

Keep in mind that this is a client-side template, so you cannot use server controls inside it.

Regards,
Peter Milchev
Progress Telerik

[sarthkee]

thanks peter. Can you please send me code for it?

[Peter Milchev]

Hello Sarthkee,

Here is a simple snippet demonstrating a very simple implementation:

<script>
    function buttonClickHandler(button, ev) {
        var mccb = $find("<%= RadMultiColumnComboBox1.ClientID %>");
        var row = $telerik.$(button).closest("li.k-item")[0];
        var dataItem = mccb.get_dataItem(row);
        // access the properties of the dataItem
        // https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools#get-intellisense-for-the-client-side-object
        console.log(dataItem.text); 
    }
</script>
<telerik:RadMultiColumnComboBox ID="RadMultiColumnComboBox1" runat="server" DataTextField="text">
    <ColumnsCollection>
        <telerik:MultiColumnComboBoxColumn Field="text" Title="Item Text"></telerik:MultiColumnComboBoxColumn>
        <telerik:MultiColumnComboBoxColumn Title="Button">
            <Template>
                <button onclick="buttonClickHandler(this, event); return false;">Button Text</button>
            </Template>
        </telerik:MultiColumnComboBoxColumn>
    </ColumnsCollection>
    <Items>
        <telerik:MultiColumnComboBoxItem Text="Item 1"></telerik:MultiColumnComboBoxItem>
        <telerik:MultiColumnComboBoxItem Text="Item 2"></telerik:MultiColumnComboBoxItem>
        <telerik:MultiColumnComboBoxItem Text="Item 3"></telerik:MultiColumnComboBoxItem>
        <telerik:MultiColumnComboBoxItem Text="Item 4"></telerik:MultiColumnComboBoxItem>
    </Items>
</telerik:RadMultiColumnComboBox>

Regards,
Peter Milchev
Progress Telerik