c# - Issue While using an Jquery JqTransform plugin within Ajax update panel in asp.net -


i facing issue while using jquery jqtransform plugin controls inside ajax update panel in asp.net. here code:

<%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="asp" %> <asp:toolkitscriptmanager id="toolkitscriptmanager1" runat="server" enablepartialrendering="true"></asp:toolkitscriptmanager>  <asp:updatepanel id="updatepanel1" runat="server" updatemode="conditional">     <contenttemplate>       <asp:dropdownlist id="ddlartist" runat="server" autopostback="true" onselectedindexchanged="ddlartist_selectedindexchanged"></asp:dropdownlist>       <p class="maintext"><asp:literal id="ltrartistdesc" runat="server"></asp:literal></p>     </contenttemplate>      <triggers>        <asp:asyncpostbacktrigger controlid="ddlartist" eventname="selectedindexchanged" />     </triggers>  </asp:updatepanel> 

when page loads applies jqtransform convert dropdown , other controls , apply style. select album dropdownlist postback , retrieves further details database. avoid full postback using update panel. after using started facing problem "my controls on page aren't converted jqtransform".

in page head there script, file calls jqtransform. here is:

<script language="javascript" type="text/javascript">         $(function(){             $('form').jqtransform({imgpath:'jqtransformplugin/img/'});         }); </script> 

please me want jqtransform applied controls if select album dropdownlist , causes partial postback.

create new div inside <contenttemplate> , call jqtransform plugin div.

<asp:updatepanel id="updatepanel1" runat="server">     <contenttemplate>     <div class="formstyle">         ......... form elements     </div>     </contenttemplate> </asp:updatepanel> 

and call jqtransform plugin below:

<script type="text/javascript">   $(function () {     //initial bind     $(document).ready(function () {       bindcontrolevents();        //re-bind callbacks       var prm = sys.webforms.pagerequestmanager.getinstance();       prm.add_endrequest(function () {         bindcontrolevents();       });        function bindcontrolevents() {         $('.formstyle').jqtransform();       }     });   }); </script> 

jqtransform worked fine me after getting postbacks through updatepanel.


Comments

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -