[ASP.NET] JuiceUI Web Control & UpdatePanel | M Reza Faisal

reza

full-time(software-developer,lecturer); part-time(traveller, food-tester);

[ASP.NET] JuiceUI Web Control & UpdatePanel

Feb 17, 2014 by     No Comments    Posted under: I am Software Developer

Pada tulisan sebelumnya ditulis pengenalan tentang JUICE UI di sini : http://www.rezafaisal.net/?p=1001JUICE UI adalah web control untuk mempermudah penggunaan jQuery UI pada halaman web from pada ASP.NET.  Pada posting tersebut diperlihatkan  antarmuka salah satu control JUICE UI secara default lebih bagus jika dibandingkan antarmuka salah control Ajax Control Toolkit.

Tetapi ….

Tetapi ….

Tetapi memang yang lebih tua (baca : Ajax Control Toolkit) lebih matang dalam penggunaannya dan dalam hal integrasi dengan teknologi-teknologi yang sudah ada. Sebagai contoh integrasi dan kerjasama JUICE UI web control dengan control dari AJAX Extension seperti control UpdatePanel.

Berikut ini adalah contoh kode penggunaan salah satu control Tab pada Ajax Control Toolkit dengan control UpdatePanel pada AJAX Extension.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">    <ContentTemplate>        <ajaxToolkit:TabContainer runat="server">            <ajaxToolkit:TabPanel runat="server">                <HeaderTemplate>Header</HeaderTemplate>                <ContentTemplate>                    Content                    <asp:Button ID="Button1" runat="server" Text="Button" />                </ContentTemplate>            </ajaxToolkit:TabPanel>        </ajaxToolkit:TabContainer>    </ContentTemplate></asp:UpdatePanel>

 

Kode di atas dapat dimuat tanpa error dan saat tombol diklik juga tidak terjadi masalah.

Bagaimana dengan JUICE UI dan UpdatePanel?

Dibuat kode yang mirip dengan kode sebelumnya, yaitu sepeti contoh di bawah ini :

<asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Conditional" runat="server">    <ContentTemplate>        <juice:Tabs ID="juiceTab1" runat="server">            <juice:TabPage Title="Tab 1" runat="server" ID="_Tab1">                <TabContent>                    Tab 1                    <asp:Button ID="Button1" runat="server" Text="Button" />                </TabContent>            </juice:TabPage>        </juice:Tabs>    </ContentTemplate></asp:UpdatePanel>

 

Kode di atas dimuat tanpa error, tetapi saat tombol diklik maka akan terjadi masalah dan error yang menampilkan pesan berikut ini :

Line: 940Error: Sys.WebForms.PageRequestManagerServerErrorException: A potentially dangerous Request.Form value was detected from the client (_juiceWidgetOptions="...spinner":"<em>Loading&#8230;</...").

 

Sudah dicoba beberapa skenario penggunaan control Tab pada JUICE UI dan UpdatePanel tetapi hasilnya selalu mengeluarkan pesan seperti d atas.  Selain itu juga dicoba penggunaan control-control JUICE yang lain bersama dengan control UpdatePanel, hasilnya ada beberapa yang memang tidak bisa bekerja sama.

Jadi untuk membuat aplikasi yang stabil dengan memanfaatkan control-control pembuatan antarmuka pada halaman Web Form, sepertinya Ajax Control Toolkit masih menjadi pilihan yang pertama.

Got anything to say? Go ahead and leave a comment!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Fotolia

Fotolia

ShutterStock


Fotolia
© 2013 eSevens
%d bloggers like this: