Printable View
سلام دوست من.نقل قول:
توی این صفحه از کد های JQuery استفاده شده که یکی از کتابخانه های زبان JavaScript هستش
راستش رو بخاید من زیاد با JQuery کار نکردم ولی تمام تلاشم رو می کنم تا ببنیم اصلاً کدش چیکار می کنه و اون رو توی ASP.NET باز نویسی کنم
لطفاً زحمت نکشین مشکلم حل شد.
مشکلم این بود که کدهای جاوارو توی پوشه App_Code کپی کردم.
خیلی ممنونم.
سلام
کنترل UpdatePanel قسمت دوم
خوب دوستان تا اینجا فهمیدیم که اگر کنترل هایی رو در بلاک UpdatePanel و تگ ContentTemplate قرار بدیم می تونیم اون عناصر رو بروزرسانی جزیی کنیم
حالا درس این جلسه
در کنترل UpdatePanel به جز تگ ContentTemplate تگ دیگری وجود داره به نام Triggers که الآن کارش رو با یه مثال توضیح میدم
ما توی صفحه یک سری کنترل داریم که چند تا از اونها در بلاک UpdatePanel قرار داره و ما می خواهیم وقتی روی یه دکمه که توی بلاک UpdatePanel نیست کلیک می کنیم عملیات بروزرسانی جریی انجام بشه
خوب باید چیکار کنیم؟
هیچی فقط کافیه که در بلاک UpdatePanel از تگ Triggers استفاده کنید
** اجازه بدین قبل از اینکه بحث رو ادامه بدم یه نکته رو بگم و اون اینکه در تگ Triggers دوکنترل asp به نام های AsyncPostBackTrigger و PostBackTrigger وجود داره که هر دو عملیات بروزرسانی را انجام می دهند ولی یه تفاوت داره که در ادامه میگم **
ادامه آموزش
حالا توی تگ Triggers چی باید بزاریم
اول یه کنترل asp:AsyncPostBackTrigger قرار میدیم بعد خصوصیت ControlID را با نام کنترلی که قرار عملیات PostBack رو در خارج از بلاک UpdatePanel انجام بده ست می کنیم و خصوصیت EventName رو با رویدادی که قرار عملیات PostBack رو انجام بده پر می کنیم
حالا کار تمومه و می تونید عملیات بروزرسانی جزیی رو در خارج از بلاک UpdatePanel انجام بدین
و اما تفاوت AsyncPostBackTrigger و PostBackTrigger
تفاوت این دو تا در اینه که کنترل AsyncPostBackTrigger عملیات بروزرسانی رو به صورت جزیی انجام میده یعنی فقط محتویات درون UpdatePanel رو بروزرسانی می کنه ولی کنترل PostBackTrigger عملیات بروزرسانی رو به طور کامل انجام میده یعنی کل صفحه بروز میشه
شاید این سوال براتون پیش بیاد که چرا باید از PostBackTrigger استفاده کنیم؟
شما وقتی یه کنترل UpdatePanel رو به صفحه اضافه میکنید به طور پیش فرض خصوصیتChildrenAsTrigger با True و خصوصیتUpdateMode با Always ست می شوند که معنی هر کدوم رو الان توضیح میدم
خصوصیت ChildrenAsTrigger به شما می گه که کنترل های درون بلاک UpdatePanel بدون اینکه توی Triggers قرار بگیره به عنوان Trigger کنترل UpddatPanel باشه با نه که اگر True باشه هر کنترلی که در بلاک UpdatePanel فرار داره و عملیات PostBack رو انجام میده بروزرسانی جزیی میکنه
و خصوصیت UpdateMode که دارای دو مقدار Always و Conditional هست نوع بروزرسانی رو مشخص میکنه
که حالت Always به معنی اینکه وقتی عملیات PostBack توی بلاک UpdatePanel به وسیله هر کنترلی انجام شد بروزرسانی جزیی صورت بگیره و حالت Conditional یعنی عملیات PostBack فقط توسط کنترل هایی که در تگ Triggers قرار داره انجام بشه
حالا برای چی این توضیح ها رو دادم؟
بعضی وقتها شما می خواید یه کنترلی رو داخل بلاک UpdatePanel قرار بدین ولی با عملیات PostBack اون بروزرسانی جزیی انجام نشه بلکه کل صفحه بروزسانی بشه برای اینکار کافیه از کنترل PostBackTrigger در تگ Trigger استفاده کنید
مثال
ما برای این حالت از همون مثال قسمت اول استفاده می کنیم فقط کنترل Button با نام btnRefresh رو خارج از بلاک UpdatePanel و کنترل Button2 رو درون بلاک UpdatePanel قرار می دهیم و هر دو را با کنترل های داخل Triggers معرفی می کنیم
قسمت Body
و بقیه تنظیمات هم مانند مثال قبلکد:
<body>
<formid="form1"runat="server">
<div>
<asp:ImageID="Image1"runat="server"ImageUrl="~/Naser.gif"/>
<br/>
<asp:ScriptManagerID="ScriptManager1"runat="server">
</asp:ScriptManager>
<asp:UpdatePanelID="UpdatePanel1"runat="server">
<ContentTemplate>
<asp:LabelID="lblTime"runat="server"></asp:Label>
<br/>
<asp:ButtonID="Button2"runat="server"Text="Button"/>
<br/>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTriggerControlID="btnRefresh"EventName="click"/>
<asp:PostBackTriggerControlID="Button2"/>
</Triggers>
</asp:UpdatePanel>
<asp:ButtonID="btnRefresh"runat="server"Text="RefreshTime..."/>
</div>
<div>
</div>
</form>
</body>
در این مثال هم مانند مثال قسمت قبل وقتی روی btnRefresh کلیک کنید بروزرسانی جزیی و وقتی روی Button کلیک می کنید کل صفحه بروزرسانی میشه فقط تفاوتش اینکه اینبار btnRefresh خارج و Button2 داخل بلاک UpdatePanel قرار داره
یاعلی
سلام
کنترل Timer
شما گاهی اوفات نیاز دارید که کنترل UpdatePanel رو هر چند ثانیه (یا دقیقه یا ساعت) یکبار بروزرسانی کنید مثلاً شما میخواهید ساعت سرور را توی صفحتون داشته باشید برای این کار فقط باید یک کنترل Timer را خارج از بلاک UpdatePanel قرار بدین و بوسیله تگ Triggers اون عملیات PostBack رو در زمان مشخص انجام دهید
در کنترل Timer بوسیله خصوصیت Enabled مشخص میکنیم که Timer فعال باشد یا خیر و بوسیله خصوصیت Interval دوره تناوب یا همون مدت زمان اجرای رویداد Tick رو مشخص میکنیم که بر اساس میلی ثاتیه میباشد یعنی برای اینکه این رویداد هر 30 ثانیه یکبار اتفاق بیفته باید مقدار 30,000 ثانیه رو به خصوصیت Interval بدیم
حالا رویداد Tick چیه؟
هر گاه زمان مشخص شده در خصوصیت Interval به پایان برسد کدهایی که توی این رویداد نوشته شده انجام میشه
مثال
بعد از اضافه کردن کنترل ScriptManager به صفحه ما یک بلاک UpdatePanel اضافه میکنیم
و درون اون یه کنترل Label قرار میدیم
حالا یه کنترل Timer رو به صفحه خارج از بلاک UpdatePanel اضافه می کنیم و خصوصیت Enabled اون رو True و خصوصیت Interval رو با مقدار 1000 ست می کنیم
سپس در داخل UpdatePanel یک تگ Triggers گذاشته و از کنترل AsyncPostBack استفاده کرده خصوصیت ControlID اون رو با نام Timer و خصوصیت EventName رو با Tick ست میکنیم
کد قسمت Body
حالا تو رویداد Page_Load صفحه و رویداد Tick کنترل Timer کد زیر رو بنویسیدکد:
<body>
<formid="form1"runat="server">
<div>
<asp:ScriptManagerID="ScriptManager1"runat="server">
</asp:ScriptManager>
<asp:UpdatePanelID="UpdatePanel1"runat="server">
<ContentTemplate>
<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTriggerControlID="Timer1"EventName="Tick"/>
</Triggers>
</asp:UpdatePanel>
</div>
<asp:TimerID="Timer1"runat="server"Interval="1000">
</asp:Timer>
</form>
</body>
با این مثال شما میتونید ساعت سرور رو روی صفحه نمایش بدیدکد:Label1.Text = DateTime.Now.ToLongTimeString
یاعلی
سلام
قبل از شروع این آموزش میلاد یگانه منجی عالم بشریت حضرت صاحب الزمان رو به همگی تبریک میگم
برای سلامتی و تعجیل در فرج ایشان 3 صلوات بفرستید
کنترل UpdateProgress
گاهی اوقات پیش میاد که یک عملیات بروزرسانی جزیی مدت زمانی رو طول میکشه تا انجام بشه مثلاً شما میخواید تو بروزرسانی جزیی یه مقداری رو در دیتابیس ذخیره کنید و این خودش مدت زمانی طول میکشه تا انجام بشه و چون کاربر نمیدونه که عملیات ثبت توی دیتابیس داره انجام میشه فقط اون نمیتونه ببینه ممکن چندبار رو دکمه ثبت کلیک کنه و این خودش باعث بروز مشکل میشه برای همین ما از کنترل UpdateProgress استفاده میکنیم
حالا این کنترل چیکار میکنه؟
کار این کنترل در اصل اینه که وقتی بروزرسانی جزیی داره انجام میشه یه پیام یا یه محتوایی( مثل یه عکس متحرک) رو در هنگام انجام بروزرسانی جزیی نمایش میده که توی مثال کاملاً متوجه خواهید شد
کنترل UpdateProgress چند تا خصوصیت داره که توضیحات اون رو در پایین میگم
1- AssociatedUpdatePanelID: این خصوصیت با نام کنترل UpdatePanel که قرار روی اون اثر بزاره ست میشه
نکته: اگر این خصوصیت رو مقدار دهی نکنید کنترل UpdateProgress روی تمام UpdatePanel های صفحه اثر میزاره
2- DisplayAfter: مقداری که در این خصوصیت ست می کنیم مقدار زمانی هست که بعد از شروع بروزرسانی جزیی کنترل UpdateProgress آغاز به کار می کند که برحسب میلی ثانیه میباشد
در کنترل UpdateProgress یک تگ به نام ProgressTemplate وجود دارد که محتوایی که قرار به نمایش در بیاد درونش قرار میگیره
حالا بریم سر مثال
یک ScriptManager به صفحه اضافه کنید و بعد یک کنترل UpdatePanel روی صفحه قرار دهید
حالا درون بلاک UpdatePanel یک کنترل Label و یک کنترل Button قرار دهید حالا یک کنترل UpdateProgress را بین کنترل Label و Button قرار داده و داخل تگ ProgressTemplate یک کنترل asp:Image بزارید و ImageUrl اون رو با یک عکس GIF متحرک که حالت انتظار را تداعی کند قرار دهید مثل( [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] .... [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] .... [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] )
کد قسمت body
حالا در رویداد Page_Load صفحه کد پایین رو وارد می کنیمکد:
<body>
<formid="form1"runat="server">
<div>
<asp:ScriptManagerID="ScriptManager1"runat="server">
</asp:ScriptManager>
<asp:UpdatePanelID="UpdatePanel1"runat="server">
<ContentTemplate>
<asp:LabelID="lblTime"runat="server"></asp:Label>
<br/>
<asp:UpdateProgressID="UpdateProgress1"runat="server"AssociatedUpdatePanelID="UpdatePanel1"DisplayAfter="10">
<ProgressTemplate>
<asp:ImageID="Image2"runat="server"ImageUrl="ajax-loader.gif"/>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:ButtonID="btnRefresh"runat="server"Text="btnRefresh..."/>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
و در رویداد کلیک دکمه کد زیر رو وارد می کنیمکد:lblTime.Text = DateTime.Now.ToLongTimeString
قسمتی که با رنگ قرمز مشخص شده برای اینه که شما در اجرای کد یه وقفه 10 ثانیه ای بندازید تا بتونید عملکرد کنترل UpdateProgress را ببیندکد:System.Threading.Thread.Sleep(TimeSpan.FromSeconds(10))
lblTime.Text = DateTime.Now.ToLongTimeString
فقط یه نکته رو بگم که شما برای اینکه از کنترل UpdateProgress استفاده کنید باید حتماً کنترلی که عامل بروزرسانی جزیی هست رو درون بلاک UpdatePanel قرار دهید
از سایت زیر هم میتونید تصاویر متحرک GIF رو خودتون بسازید و بعد دانلود کنید
کد:http://www.ajaxload.info/
یا علی
با تشکر اگه میشه جهت استفاده inputmask توضیح بدین
:n26:بابت این پست سپاسگزارم
میشه چند تا برنامه کوچک مثل جستجو برایه سایت با vb.net بزارین برا یه سایت که با aasp.net باشه و ازاکسم تو به کاررفته باشه
ممنون
سلام
ببخشید چطوری میشه من یک درگاه اینترنتی پرداخت با asp بسازم اموزشی کسی در این مورد داره
ممنون