[Solved] Multi-Column Support?

[EricB]

Greetings!

I was wondering if there is any way to add support to having the combobox display multiple columns?  Perhaps using a datagrid or something along those lines as the display portion of the control?

I know the Ajax controls contain a combobox that supports this but the MVC one does not seem to... Any chance you guys can add support for this to the control?

Thanks!
Eric

[Atanas Korchev]

Hi EricB,

 Currently we do not support multi column comboboxes and there is no workaround possible. I will log this as a feature request but I cannot commit with an exact deadline when this feature will be implemented.

I also updated your Telerik points.

Regards,
Atanas Korchev
the Telerik team

[Henry]

Combobox Multi column support

http://www.telerik.com/community/forums/aspnet-mvc/combobox/combobox-multi-column-support.aspx

[John DeVight]

Hi Eric,

I'm not sure if you need this capability anymore, but I recently had to implement a multi column dropdownlist.  You can download the telerik.extensions.js file with this capability at: http://telerikmvcextendedjs.codeplex.com as well as see a screenshot and documentation on the dataBindAsTable() function at: http://telerikmvcextendedjs.codeplex.com/wikipage?title=DropDownList.  Attached is a sample project.  Here is an example of binding the data:

<%=
    Html.Telerik().DropDownList()
        .Name("dropdownlist")
        .HtmlAttributes(new { style = "width: 425px" })
%>

<%
    Html.Telerik().ScriptRegistrar()
        .OnDocumentReady(() =>
        {%>
            initDropdown();
        <%});
%>

<script type="text/javascript">
    initDropdown=function () {
        $.ajax({
            url: '/Home/GetWikiPagesAsJson',
            contentType: 'application/json; charset=utf-8',
            type: 'GET',
            dataType: 'json',
            error: function (xhr,status) {
                if(typeof console!="undefined") console.log(status);
            },
            success: function (response) {
                if(typeof console!="undefined") console.log(response);
                $('#dropdownlist').data('tDropDownList').dataBindAsTable({
                    data: response,
                    displayFields: [{
                        fieldName: "Title",
                        style: "font-weight:bold"
                    },{
                        fieldName: "Url"
                    },{
                        fieldName: "PageViews",
                        style: "color:Red;"
                    }],
                    separator: { visible: true, color: "Blue" },
                    selectedField: "Title",
                    valueField: "Id",
                });
            }
        });
    }
</script>

I can apply the same functionality to the ComboBox control as well and will see if I can get that done soon.  I'll post another message when it is done.

Regards,

John DeVight

[Cory Deppen]

@John DeVight - I just wanted to check to see if you were still planning to release the dataBindAsTable function for the ComboBox extension. If so, do you have an idea when it might be released?

[John DeVight]

Hi Cory,

Sorry for the delay.  I've just added it today to Change Set: 12965.  I will have documentation available at http://telerikmvcextendedjs.codeplex.com by next week.

Regards,

John DeVight

[Jana]

Hi,

I was wondering if this control with multi-column support still supports "load on demand" and filtering?

Thanks,
Jana

[Kurkula]

I tried adding 3 columns data to a combo box. How do we have header for that? I want to add header which should not scroll down with data. Please suggest logic for this.