Combo box supports multiple columns and combo box customization, as shown in Figure effects

5 posts, 0 answers
  1. ghd258 ghd258
    ghd258 ghd258 avatar
    37 posts
    Member since:
    Jan 2005

    Posted 25 Aug Link to this post

    Combo box supports multiple columns and combo box customization, as shown in Figure effects
  2. Neli
    Admin
    Neli avatar
    28 posts

    Posted 30 Aug Link to this post

    Hello,

    You would be able to achieve the desired appearance by using templates in the ComboBox widget configuration. I have prepared a dojo example, where you can see that tables are embedded in the templates. For the header table a headerTemplate is used, in which a table with a single row is created. The data is bound to a single row of a table, created using the template option.

    Similar issue has been discussed in the following forum thread.

    Regards,
    Neli
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. ghd258 ghd258
    ghd258 ghd258 avatar
    37 posts
    Member since:
    Jan 2005

    Posted 30 Aug in reply to Neli Link to this post

    @Html.DevExpress().ComboBox(
        settings => {
            settings.Name = "comboBox4";
            settings.Width = 180;
            settings.SelectedIndex = 0;
            settings.Properties.DropDownWidth = 550;
            settings.Properties.DropDownStyle = DropDownStyle.DropDownList;
            settings.CallbackRouteValues = new { Controller = "Editors", Action = "MultiColumnComboBoxPartial" };
            settings.Properties.CallbackPageSize = 30;
            settings.Properties.IncrementalFilteringMode = IncrementalFilteringMode.StartsWith;
            settings.Properties.TextFormatString = "{0}";
            settings.Properties.ValueField = "CustomerID";
            settings.Properties.ValueType = typeof(string);

            settings.Properties.Columns.Add("ContactName", "ContactName", 130);
            settings.Properties.Columns.Add("CompanyName", "CompanyName", Unit.Percentage(100));
            settings.Properties.Columns.Add("Country", "Country", 60);
            settings.Properties.Columns.Add("Phone", "Phone", 100);
        }
    ).BindList(ViewData["Customers"]).GetHtml()
  4. ghd258 ghd258
    ghd258 ghd258 avatar
    37 posts
    Member since:
    Jan 2005

    Posted 30 Aug in reply to ghd258 ghd258 Link to this post

    Why can't we like the powerful function of the DevExpress control line, or our function beyond the DevExpress, our webfrom controls are powerful, but MVC is very weak, can put some webform function is implemented in the MVC.
  5. Neli
    Admin
    Neli avatar
    28 posts

    Posted 01 Sep Link to this post

    Hello,

    As the described columns configuration is not available for the ComboBox' MVC wrapper, I can suggest you submitting a feature request in UserVoice portal, so it could be taken into consideration for future release.

    Regards,
    Neli
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top