Hi,
The template feature of the KendoUI DropDownList works fine, I’m very pleased with it. I can easily display a “multicolumn” view, but there is a little issue, I think. Trying to add columns headers is not that easy…
I found on the Telerik forums a brilliant idea, which consists of adding the following handler on the DataBound event:
function boundUsage(e) {
$('<div style="overflow:auto;"/>')
.html("<table><tr><td width='100px'>Code</td><td width='100px'>Libellé</td></tr></table>")
.prependTo('#Poltf_Usage_id-list');
}
But the result seems to me a little confusing: the Poltf_Usage_id-list keep its size (200px), while the Poltf_Usage_id-listbox (ul) is deplaced, thus displaying the last <li> outside the div.
As a solution (not very elegant), I tried to add on the BoundUsage function
$('#Poltf_Usage_id_listbox').css("height", "80%");
in order to force the list to fit into its parent. Another idea, please?
Thank you
The template feature of the KendoUI DropDownList works fine, I’m very pleased with it. I can easily display a “multicolumn” view, but there is a little issue, I think. Trying to add columns headers is not that easy…
I found on the Telerik forums a brilliant idea, which consists of adding the following handler on the DataBound event:
function boundUsage(e) {
$('<div style="overflow:auto;"/>')
.html("<table><tr><td width='100px'>Code</td><td width='100px'>Libellé</td></tr></table>")
.prependTo('#Poltf_Usage_id-list');
}
But the result seems to me a little confusing: the Poltf_Usage_id-list keep its size (200px), while the Poltf_Usage_id-listbox (ul) is deplaced, thus displaying the last <li> outside the div.
As a solution (not very elegant), I tried to add on the BoundUsage function
$('#Poltf_Usage_id_listbox').css("height", "80%");
in order to force the list to fit into its parent. Another idea, please?
Thank you