ListView control và LinqDataSource trong ASP.NET

Bill_Gates — Thu, 09 Oct 2008 23:27:42 GMT

ListView control và LinqDataSource trong ASP.NET

Một sự thay thế cho GridView và SqlDataSource trên ASP.NET 2.0, ListView control là 1 trong những control mới trên ASP.NET 3.5, là control trình bày dử liệu, rất linh động, và hổ trợ các chức năng xây dựng sẳn như: thêm, xoá, sửa, sắp xếp dử liệu.

bảng so sánh giửa control ListView và các control trình bày dử liệu khác:

http://forum.vi-vn.com/forum/Topic182-38-1.aspx

LinqDataSource là control cho phép chúng ta mốc nói tới dử liệu với nhiều Datasource khác nhau như: Database, các lớp datasource, dử liệu trong bộ nhớ. Nhưng với LinqDataSource sẻ làm đơn giản tác động giửa lập trình hướng đối tượng và dử liệu quan hệ.

Thông tin thêm:
http://msdn.microsoft.com/en-us/library/bb547113.aspx

Bắt đầu bởi việc tạo mới dự án ASP.NET chọn ngôn ngữ mà bạn đang làm việc. Ở đây mình hổ trợ cả 2 C# và VB.NET

Mình tạo 1 blank solution tên là ListViewControl, sau đó thêm ứng dụng ASP.NET ngôn ngữ C#, và VB.NET

[img]http://www.vi-vn.com/pubs/Articles/ListView/Solution.png[/img]

Mình add new Item và chọn Linq To Sql Classes

[img]http://www.vi-vn.com/pubs/Articles/ListView/AddLINQ2SQLCS.png[/img]

Visual Studio sẻ mớ của xổ Linq To Sql Surface.

[img]http://www.vi-vn.com/pubs/Articles/ListView/Linq2SqlSurface.png[/img]

Chọn Sql Explorer --> Add Connections --> Microsoft SQL server

[img]http://www.vi-vn.com/pubs/Articles/ListView/NwindConnection.png[/img]

Kéo table Employee từ bên Sql Explorer sang Linq To Sql surface.

[img]http://www.vi-vn.com/pubs/Articles/ListView/DrapCustomerToSurface.png[/img]

Từ trang Default.aspx thêm control LinqToDataSource vào và cấu hình datasource

[img]http://www.vi-vn.com/pubs/Articles/ListView/ConfigDataSource.png[/img]

[img]http://www.vi-vn.com/pubs/Articles/ListView/NwindDataContext.png[/img]

Click Next.

Chọn mẩu tin mà bạn muốn hiển thị.

[img]http://www.vi-vn.com/pubs/Articles/ListView/EmpRecord.png[/img]

Click Finish

Chọn Enable Delete, Insert, Update trong cửa số smart task .

[img]http://www.vi-vn.com/pubs/Articles/ListView/LinqEnable.png[/img]

Từ Toolbox kéo ListView control vào và cho datasource là LinqToSqlDataSource1

[img]http://www.vi-vn.com/pubs/Articles/ListView/ListViewChooseDatasource.png[/img]

Cấu hình cho ListView

[img]http://www.vi-vn.com/pubs/Articles/ListView/ConfigListView.png[/img]

Chọn Enable Editing, Inserting, Deleting và Paging. --> Click Ok

[img]http://www.vi-vn.com/pubs/Articles/ListView/ListViewEnable.png[/img]

Hit F5 hoặc click chuột phải chọn View in Browser.Thử sửa 1 mẩu tin xem sao,

Could not find a row that matches the given keys in the original values stored in ViewState. Ensure that the 'keys' dictionary contains unique key values that correspond to a row returned from the previous Select operation.

Nếu các bạn gặp phải cái lổi như trên thì set lại datakey name cho ListView nhé.

[img]http://www.vi-vn.com/pubs/Articles/ListView/SetDataKeyName.png[/img]

Xong, Bạn nên Layout cho ListView lại bằng cách bỏ các record vào table hay tag div.

[code]http://www.vi-vn.com/pubs/Articles/ListView/ListViewControl.rar[/code]

Happy coding!
QuachNguyen

Diễn đàn lập trình viên .NET / Visual Studio .Net và các vấn đề liên quan / ASP.NET - Ajax - WebSerivce / ListView control và LinqDataSource trong ASP.NET / Latest Posts

ListView control và LinqDataSource trong ASP.NET