Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Steve Taylor on Aug 13, 2009 04:17
open dhtmlx forum
dhtmlxcombo in ASP.NET UpdatePanel causes postback

I'm using a dhtmlxcombo inside an UpdatePanel in an ASP.NET 2.0 aspx page.

The combo renders correctly on the page using the following script, which is inside an UpdatePanel:

<td width="666" height="22" colspan="5" bgcolor="#ffffff">
<asp:DropDownList AutoPostBack="true"
ID="BoatModel" runat="server" Width="341" OnSelectedIndexChanged="BoatModel_SelectedIndexChanged"
DataSourceID="BoatModelDataSource" DataTextField="ModelName"
DataValueField="ID"></asp:DropDownList>
var z=dhtmlXComboFromSelect("ctl00_WebPageContent_BoatModel");
z.setOptionHeight(300);
z.readonly(true);
</td>

However, when I change the selection in the drop-down, the page is updated with a flicker. It looks like the UpdatePanel / ScriptManager code does not recognize the event coming from the dhtmlxcombo as it would from the select genrated by the <asp:DropDownList>

If I remove the dhtmlxcombo code, the page updates correctly under AJAX, without a page-flicker.

Is there any solution to make the dhtmlxcombo update the page without a flicker?
Answer posted by Alex (support) on Aug 13, 2009 05:33

Combo is javascript object, not html select. After combo initialization the select removes.

The component has own onChange event: combo.attachEvent("onChange",handler);

The selected value can be got by getActualValue() method and in addition it is placed into hidden element (for form submit).