استفاده از Jquery BlockUI در UpdatePanel

همانطور که میدانید استاده از Update Panel از PostBack شدن صفحه جلوگیری میکند .<br />در همین مورد با استفاده از Block UI میتوان کاربر را از انجام عملیات مطلع کرد .<br />در این مقاله نحوه استفاده از Jquery Block UI در Update panel را بررسی خواهیم کرد

استفاده از Jquery BlockUI در UpdatePanel

سلام دوستان

ما در پروژه هامون برای جلوگیری از PostBack شدن صفحه از Ajax استفاده میکنیم

حالا در این مقاله میخوام یادتون بدم چطوری در UpdatePanel از Jquery BlockUI استفاده کنید

به این صورت که در حین انجام پروسس UpdatePanel قفل بشه

خب در مرحله اول به کتابخانه های Jquery نیاز داریم

در مرحله بعد باید کتابخانه ها به صفحه متصل شوند

من اینکار را در ScriptManager انجام دادم

در مرحله بعد داخل UpdatePanel یک کلید برای ایجاد وقفه یا شبیه سازی پروسس قرار دادیم

خب قسمت اصلی در فایل BlockUIUpdatePanel.js قرار داره

 

در کدهای بالا با زدن دکمه UpdatePanelIsIn به حالت Block در میاد و در اتمام عملیات Ajax از Block خارج میشود

میتونید کد بالا طوری بنویسید که برای کل سایت و تمام UpdatePanel ها این کار رو انجام یده

 

نمونه هم ضمیمه کردم

امیدوارم خوشتون اومده باشه

موفق و پیروز باشید

فایل های ضمیمه