توضیحات و دانلود

استفاده از AJAX AutoCompleteExtender در نمایش تصاویر متحرک در حال بارگذاری تصویر GIF در ASP.Net
0 0
استفاده از AJAX AutoCompleteExtender در نمایش تصاویر متحرک در حال بارگذاری تصویر GIF در ASP.Net

با سلام در این مقاله نحوه نوار نشانگر پیشرفت درکنترل جعبه ابزار AJAX را با استفاده از کنترل AutoCompleteExtender در بارگذاری تصویر GIF در هنگام ارتباط با سرور برای جستجوی سوابق و پنهان کردن تصویر هنگام ثبت سوابق با استفاده از جاوا اسکریپت توضیح خواهیم داد.
کد HTML
 کد HTML زیر که شامل ToolScriptManager، TextBox وکنترل جعبه ابزار Associated AJAX و کنترل AutoCompleteExtender است.

<cc1:ToolkitScriptManager ID="ToolkitScriptManager" runat="server">
</cc1:ToolkitScriptManager>
<asp:TextBox ID="txtContactsSearch" runat="server"></asp:TextBox>
<cc1:AutoCompleteExtender ServiceMethod="SearchCustomers" MinimumPrefixLength="2"
    CompletionInterval="100" EnableCaching="false" CompletionSetCount="10" TargetControlID="txtContactsSearch"
    ID="AutoCompleteExtender1" runat="server" FirstRowSelected="false" OnClientHiding="OnClientCompleted"
    OnClientPopulated="OnClientCompleted" OnClientPopulating="OnClientPopulating">
</cc1:AutoCompleteExtender>

در بالا AJAX AutoCompleteExtenderبا سه رویداد client side شامل OnClientHiding ، OnClientPopulated و OnClientPopulating اضافه کردیم . این رویدادها برای نشان دادن بارگذاری تصویر GIF هنگام ارسال ارتباط برای جستجوی سوابق استفاده و همچنین هنگام ثبت سوابق پنهان می شوند.

<script type="text/javascript">
function OnClientPopulating(sender, e) {
    sender._element.className = "loading";
}
function OnClientCompleted(sender, e) {
    sender._element.className = "";
}
</script>

پیاده سازی client side
روش OnClientPopulating جاوا اسکریپت بر روی پردازنده رویداد OnClientPopulating فراخوانی می شود و تصویر GIF بارگیری را با استفاده از کلاس " بارگذاری" CSS به کنترل TextBox نمایش می دهد. در حالی که روش OnClientCompleted بر روی رویدادهای OnClientHiding و OnClientPopulated فراخوانی می شود و به سادگی کلاس CSS را حذف می کند به طوری که تصویر GIF پنهان می شود.
بارگذاری کلاس GIF CSS
در CSS زیررا شما باید به صفحه خود در بخش HEAD یا CSS اضافه کنید تا بتوانید تصویر GIF بارگذاری را هنگام آپدیت آفیس کنترل جعبه ابزارAJAX AutoCompleteExtender  استخراج کنید.

<style type="text/css">
.loading
{
    background-image: url(images/loader.gif);
    background-position: right;
    background-repeat: no-repeat;
}
</style>


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :