"> آموزش صفحه بندی listView در ASP.NET + فیلم آموزشی | ام اس پی سافت

آموزش صفحه بندی listView در ASP.NET + فیلم آموزشی

listView

این بار سری به یکی دیگر از ابزار های ASP.NET زدیم ، listView و میخواهیم صفحه بندی درlistView را در این مقاله باهم برسیم کنیم.  در مقاله آموزش صفحه بندی دیتاگرید تونستیم صفحات  گرید را کنترل کنیم و همچنین تعداد نمایش اطلاعات در هر صفحه را نیز باهم برسی کردیم.در این ابزار ما توسط یک DataPager صفحه بندی را انجام میدهیم ، امکاناتی که DataPager در اختیار ما قرار میدهد و مهم ترین آن این است که میتوانید از استایل های دلخواه صفحه بندی استفده کنید.

listView

برای شروع یک پروژه در ASP.NET ایجاد کرده تا مراحل را باهم برسی کنیم.

نیاز به یک دیتابیس داریم مثل همیشه ، که اطلاعات را برای نمایش به listView بدیم میتوانید از اسکریت زیر برای ساخت دیتابیس استفاده کنید.

یک دیتابیس در SQLServrer  با نام Db_Listview ایجاد کرده و اسکریپت زیر را در آن اجرا کنید.

CREATE TABLE [dbo].[Tbl_Phone](
	[ID] [int] IDENTITY(1,1) NOT NULL,
	[Name] [nvarchar](50) NOT NULL,
	[Family] [nvarchar](50) NOT NULL,
	[Phone] [nvarchar](50) NOT NULL,
 CONSTRAINT [PK_Tbl_Phone] PRIMARY KEY CLUSTERED 
(
	[ID] ASC
)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]
) ON [PRIMARY]

GO

بعد از ساخت دیتابیس یک modal به پروژه اضافه کرده مانند تصویر زیرو آن را به دیتابیس که ساختید متصل کنید .

listView

 

listView

listView

listView

listView

یک صفحه ( Webform ) اضافه کرده و حالا یک LinqDatasource نیاز داریم( از ابزار های ASP.NET استفاده کرده و آن را روی صفحه قرار بدید ) برای نوشتن Query که برای فراخوانی اطلاعات در listView ازش بهره ببریم.روی linq Datasource که روی فرم قرار دادید دوبار کلیک کرده و کد زیر را در آن قرار بدید و یا بنویسید.

 e.Result = (from u in db.Tbl_Phone orderby u.ID descending select u).ToList();
        }

دقت کنید کدی که من نوشتم با نام جدول و فیلد هایی که دارم است.شما از فیلد ها و جدول های خودتون استفاده کنید.

حالا یک listView از لیست ابزار ها انتخاب کنید و روی فرم قرار بدید و DatasourceID آن را برابر نام LinqDatasource که روی گذاشتید قرار بدید.مانند کد زیر دقت کنید ما اطلاعات را نیز در Listview به نمایش درآوردیم.

  <ul>
                <asp:ListView runat="server" ID="lvShowList" DataSourceID="LinqDataSource1">

                    <ItemTemplate>
                        <li>
                            <%#Eval("Name") %> , <%#Eval("Family") %>, <%#Eval("Phone") %>
                        </li>
                    </ItemTemplate>



                </asp:ListView>
            </ul>

 

الان اگر پروژه را اجرا بگیرید باید اطلاعات شما در ListView نمایش داده بشه خوب میخواهیم اطلاعات را توسط DataPager صفح بندی کنیم برای این کار یک dataPager روی صفحه قرار بدید از لیست ابزار ها میتوانید انتخاب کنید.

[divider style=”normal” top=”20″ bottom=”20″]

پیشنهاد میکنم : صفحه بندی Repeater در ASP.NET به زبان VB.NET

[divider style=”normal” top=”20″ bottom=”20″]

 

وقتی که DataPager را روی فرم قرار دادید یکی خاصیت های PagedControlID است که باید برابر نام listView قرار بگیره یعنی از ListView پیروی کنه  همانطور که صحبتشو کردیم باید برای اینکه صفحه بندی را کیفیت بخشیم از این ابزار استفاده کردیم پس باید استایل دلخواه را نیز بهش بدیم.

کد صفحه بندی توسط dataPager که در هر صفحه ۲ مطلب را نمایش میدهد.

 <asp:DataPager runat="server" ID="pager" PagedControlID="lvShowList" PageSize="2">
                <Fields>
                    <asp:NextPreviousPagerField></asp:NextPreviousPagerField>
                    <asp:NumericPagerField></asp:NumericPagerField>
                </Fields>
            </asp:DataPager>

 

 

برای اینکار من از استایل بوت استرپ ه میکنم با حتما Bootstrap را پروژه خودتون رفرنس داده باشید.کدی که در زیر مشاهده میکنید یک Datapager است که از استایل بوت استرپ استفاده میکند حال شما میتوانید هر استایلی ک مد نظر دارید بنویسید و ازش استفاده کنید

 

  <asp:DataPager ID="DataPagerProducts" runat="server" PagedControlID="LvCategoryItems" PageSize="10" OnPreRender="PagerCategoryItems_PreRender" class="btn-group pager-buttons">
        <Fields>
            <asp:NextPreviousPagerField ShowLastPageButton="False" ShowNextPageButton="False" ButtonType="Button" ButtonCssClass="btn" RenderNonBreakingSpacesBetweenControls="false" />
            <asp:NumericPagerField ButtonType="Button" RenderNonBreakingSpacesBetweenControls="false" NumericButtonCssClass="btn" CurrentPageLabelCssClass="btn disabled" NextPreviousButtonCssClass="btn" />
            <asp:NextPreviousPagerField ShowFirstPageButton="False" ShowPreviousPageButton="False" ButtonType="Button" ButtonCssClass="btn" RenderNonBreakingSpacesBetweenControls="false" />
        </Fields>
    </asp:DataPager>

امیدوارم استفاده کرده باشید.فیلم آموزشی نیز در ادامه قرار داده شده است.

 

  • پسورد: www.mspsoft.com
مسعود شریفی پور

از سال 88 که با برنامه نویسی آشنا شدم خیلی علاقه مند بودم یک بستر آموزشی بسازم در فضای وب و به انتشار آموزش های در این زمینه بپردازم.حالا یک تیم داریم و با قدرت رو به جلو حرکت میکنیم.

نوشته‌های مرتبط

دیدگاه‌ها

*
*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

کدیشن ! مارکت پروژه های برنامه نویسی راه اندازی شدیه توکه پا بریم ببینم