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

استفاده از پلاگین جی کوئری در GridView رونده با سرصفحهای ثابت با Asp.net
0 0
استفاده از پلاگین جی کوئری در GridView رونده با سرصفحهای ثابت با Asp.net

نسخه 2.0 پلاگین در دسترس است. مسائل ثابت: -
1. تنظیم ستون های هدر برای GridView که دارای تعداد بیشتری ستون هستند.
2. تنظیم ستون های هدر هنگام استفاده از CSS خارجی
دانلود ScrollableGridView_2.0 پلاگین جی کوئری
 
در مقاله قبلی به صورت پویا، هدر ASP.Net Gridview را با استفاده از جاوا اسکریپت ثابت کردیم که در آن توضیح دادیم که چگونه می توان هدر GridView را ثابت کرد و GridView را به صورت رونده ایجاد کرد.استفاده از جاوا اسکریپت در ثابت کردن Gridview header پویا با ASP.Net
با استفاده از همان مثال یک پلاگین جی کوئری برای GridView رونده با هدر ثابت ایجاد کرده ایم، به طوری که شما می توانید مستقیما GridView رونده را ایجاد کنید.
 
کد HTML

<form id="form1" runat="server">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns = "false">
<Columns>
<asp:BoundField DataField = "ContactName" HeaderText = "Contact Name" />
<asp:BoundField DataField = "City" HeaderText = "City" />
<asp:BoundField DataField = "Country" HeaderText = "Country" />
Columns>
asp:GridView>
form>

استفاده از پلاگین جی کوئری در Scrollable Grid

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">script>
<script src="Scripts/ScrollableGridPlugin.js" type="text/javascript">script>
<script type = "text/javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300,
            Width: 467
        });
    });
script>

در بالا JQuery و فایلهای Scrollable Grid plugin JS را ارجاع داده اید. پس از آن شما نیاز به مقداردهی اولیه GridView دارید که می خواهید به عنوان رونده ایجاد کنید.
مولفه ها
ScrollHeight - ارتفاع DIV رونده
Width - عرض DIV رونده ( اختیاری )
توجه:

افزونه را اصلاح کردیم تا به طور خودکار عرض پیمایش DIV را بر اساس عرض GridView  offset را محاسبه کنیم. بنابراین پارامتر عرض در حال حاضر اختیاری است. از این رو، کد زیر نیز کار خواهد کرد

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">script>
<script src="Scripts/ScrollableGridPlugin.js" type="text/javascript">script>
<script type = "text/javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable({
            ScrollHeight: 300
        });
    });
script>

 


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

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