Problem with telerik controls after initial page load when page per record are selected.

mjm

Hi All,

I am new with JQuery and its related stuff but while working with JQuery data table and telerik UI elements, I am facing an issue with page navigation. (selecting number of record per page from dropdown).

I am using to make one UI element as telerik in my datatable (my view is placed in Edit Template in MVC 3).

@(Html.Telerik().DropDownList().Name(Html.ClientNameFor(m => m.CommissionOverrideReasonTypeId).ToString())
.BindTo(Model.AvailableCommissionOverrideReasonTypes)
.Placeholder(Resources.CommonUi.NoneSelected)
.HiddenInputHtmlAttributes(new { Id = Html.ClientIdFor(m => m.CommissionOverrideReasonTypeId), disabledInitialStatus = !Model.IsManualOverride, toggleDisabledOn = @Html.ClientIdFor(model => model.IsManualOverride), disabledOn = false, resetOnDisable = true })
)

I have set one UI element as telerik dropdown and it is working fine with my initial page load with 10 records per page. However, if I select 20 records per page then my page refreshed for 20 records but for addition records telerik dropdown became normal HTML control and loose it telerik behaviour of dropdown. However rest of CSS style and formatting are applied correctly. Don't know how to fix it.

allan

I believe the top FAQ is relevant: http://datatables.net/faqs#events