AJAX UpdatePanel ထဲမှာ အလုပ်မလုပ်တဲ့ JQuery

အခု ကျွန်ေတာ် ြဖစ်တဲ့ ြပသနာက ASP.Net Page ထဲမှာ AJAX Update Panel တစ်ခုသုံးတယ် ြပီးေတာ့ အဲ့ဒီ Update Panel ထဲက JQuery Tab ထဲမှာ ASP.Net Server Controls ေတွရှိတယ် အဲ့ဒီ Server Controls ေတွအလုပ်လုပ်တဲ့ အချိန်မှာ PostBack ြဖစ်တယ် အဲ့လိုြဖစ်တဲ့ အချိန်မှာ JQuery Tab Panel က အလုပ်မလုပ်နိုင်ေတာ့ပဲ ASP.Net Page ထဲမှာ ေအာက်မှာ ြမင်ရတဲ့ အတိုင်း ေြပာင်းသွားတာပဲြဖစ်ပါတယ်....

PostBack မြဖစ်ခင်

PostBack ြဖစ်ြပီး

PostBack ြဖစ်သွားေတာ့ JQuery က Code ေတွက အလုပ်မလုပ်နိုင်ေတာ့ဘဲနှင့် ေနာက် Tab Page ေတွထဲမှာ ေဖါ်ြပရမယ့် Controls ေတွကို အခုလို အတန်းလိုက်ြကီး ထွက်လာေတာ့တာပါပဲ... အဲ့ေတာ့ အဲ့ဒီ JQuery Code ကို သွားြကည့်ရေအာင်...

ဒါကျွန်ေတာ် သုံးထားတဲ့ JQuery Tab Panel အတွက် css နှင့် JQuery JS File ပါ။  Head Tag ထဲမှာ ထည့်ထားတာပါ...

<link href="css/sprytabbedpanels.css" rel="stylesheet" type="text/css" />
<script src="js/SpryTabbedPanels.js" type="text/javascript"></script>

ဒါ JQuery Tab Panel ကို အလုပ်လုပ်ေစဖို့ ေရေးထားတဲ့ Java Script Code ပါ ေအာက်ဆုံး Body Tag အပိတ်အေပါ်မှာ ေရးထားတာပါ...

<script type="text/javascript">
<!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>

အဲဒီေတာ့ PostBack ြဖစ်တိုင်း အလုပ်လုပ်ေစဖို့ ဒီ Java Script Code ထဲမှာ လိုအပ်တဲ့ Code ကို ေအာက်ပါအတိုင်း ထည့်ေရးရပါ့မယ်...

<!--
Sys.Application.add_load(initSomething);
function initSomething()
{
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
}
//-->

Sys.Application Class ဟာ run-time object တစ်ခု ြဖစ်ြပီး PostBack ြပီးတိုင်း မိမိအလုပ်လုပ်ေစချင်တဲ့ Java Script Code ေတွကို function တစ်ခုထဲမှာ ထည့်ေရးြပီး ၎င်း Class Event တစ်ခုကေနေခါ်ြပီး အလုပ်လုပ်ေစနိုင်ပါတယ်။ အေသးစိတ်ကို ဒီမှာ ေလ့လာနိုင်ပါတယ်...အခု Code မှာ add_load() Event ကေနြပီး initSomething() function ကို လှမ်းေခါ်ြပီး JQuery ကို ြပန်အလုပ်လုပ်ေစတဲ့ Code ပါ။  အခုလို ေရးလိုက်ေတာ့ JQuery လည်း အလုပ်လုပ်သွား ပါေတာ့တယ်....

ကိုစစ်ကိုင်း