This is a migrated thread and some comments may be shown as answers.

[Solved] Combo Box in Column Headers

1 Answer 54 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Yan
Top achievements
Rank 1
Yan asked on 01 Dec 2010, 05:46 PM
Hi,

I am using version 2010.3.1111.235 and have a grid with 3 columns. Each column has a combo box in the header. The grid and the combo boxes are using Ajax binding and in order to have the combo box in the header, I am adding the Telerik Combo Box settings to the .headerTemplate() method.

1)
Would you please tell me do the grid columns support Sorting and Re-ordering after having the combo boxes in the headers?

I have added the .Sortable() into the grid but there is nothing happened when I clicked on the column header area.

I have also added the .Reorderable(c => c.Columns(true)) into the grid. None of the column can be re-ordered. Also when I clicked on the text box area of the combo box, the list does not drop down as usual (except on IE8).

I am not sure are they bugs or the gird just simply does not support Sorting and Re-ordering after adding the combo boxes in the headers.

2)
Would you please also tell me how can I re-size the arrow (select) button of the combo box when I use it in the grid header?

From my attached image, I do not add any new style on the combo box in the first column header. For the second combo box in the second column header, I have added .HtmlAttributes(new { style = "padding: 0px; border: none;" }) but the arrow (select) button does not change.

And at the bottom of my image, there is a combo box with the same settings as the first one in the first column header. The arrow (select) button from this combo box looks perfect but not the one when I added to the grid column header.

1 Answer, 1 is accepted

Sort by
0
Sowmya
Top achievements
Rank 1
answered on 19 May 2011, 11:59 AM
Hi,
   I am also having the same issue as Yan. No events get fired and neither it behaves like a dropdown, when i click on Grid header with dropdowns.
Please let me know if this issue is resolved, if so please post the solution. A sample code snippet would be highly appreaciated.
Thanks in advance.

Thanks
Tags
Grid
Asked by
Yan
Top achievements
Rank 1
Answers by
Sowmya
Top achievements
Rank 1
Share this question
or