add auto number in Gridview

by Neon Quach 12. August 2009 03:59

Bởi việc sử dụng thuộc tính Container.DataItemIndex bạn có thể hiển thị số thứ tự tăng dần trong gridview.

add auto number in Gridview

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"

DataSourceID="SqlDataSource1" PageSize="6" AlternatingRowStyle-BackColor="#006699"

AlternatingRowStyle-ForeColor="#FFFFFF">

<Columns>

<asp:TemplateField HeaderText="Serial Number">

<ItemTemplate>

<%# Container.DataItemIndex + 1 %>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />

<asp:BoundField DataField="Location" HeaderText="Location" SortExpression="Location" />

</Columns>

</asp:GridView>

 

Reference

 

Tags: ,


Categories: asp.net | c# | visual studio tips

Edit template cho GridView trong trình thiết kế Visual Studio.

by Neon Quach 9. May 2009 05:46

Edit template cho GridView trong trình thiết kế Visual Studio.

GridView là control hiển thị dử liệu asp.net, gridview rất linh động và được render bởi việc sử dụng template. Trong bài viết này mình sẻ hướng dẩn các bạn, làm thế nào chúng ta có thể edit template cho gridview trong Visual Studio Designer.

Giả sử chúng ta có 1 gridview connect to database và get dữ liệu từ table Northwind.products, và mình generate câu lệnh insert, delete và update trong khi cấu hình sql data source bởi việc nhấn vào button Advanced..





Bật chức năng Edit của GridView.



Chuyển column sang Template filed, bằng cách select Edit Column trên GridView



Chọn column muốn chuyển và convert TemplateField sau đó nhấn OK.



Từ cửa sổ SmartTask của GridView, click chọn Edit Templates..



Từ hộp thoại sổ xuống của GridView chọn EditItem Template



Bạn sẻ thấy giống như hình.



Giờ thì có thể edit template, chẳng hạn mình thêm vào control requireFiledValidator.



Nếu bạn có nhiều colunm được chuyển sang dạng template thì nó sẻ trông như:



Sau khi chỉnh sửa xong, nhấn vào End Template Editing để hòan tất việc chỉnh sửa.



Chuyển sang chế độ View Source, VS generate ra vố số đoạn mã like this:



Hope this help,

Tags:


Categories: asp.net | vs .net | c#

So sánh ListView với GridView, DataList và Repeater

by Neon Quach 3. May 2009 22:28

So sánh ListView với GridView, DataList và Repeater

ListView control là 1 control hiển thị dử liệu mới được thêm vào trong .NET 3.5, bạn có lẻ tự hỏi là tại sao nó được thêm vào và nó cung cấp những gì?

Một số tính năng cơ bản nhất của ListView control:
1. Rất linh động và bố trí tùy thích.
2. Xây dựng sẳn tính năng phân trang kết hợp với DataPager control.
3. Hổ trợ nhóm dử liệu.
4. Xây dựng sẳn các tính năng như: thêm, xóa, sửa, sắp xếp dử liệu.

Hãy nhìn vào bảng so sánh bên dưới bạn sẻ rỏ:

 

Các tính năng hổ trợ

Control

Phân trang

Nhóm

bố trí linh động

Cập nhật/ Xoá

Thêm

Sắp xếp

ListView

hổ trợ

hổ trợ

hổ trợ

hổ trợ

hổ trợ

hổ trợ

GridView

hổ trợ

không

không

hổ trợ

không

hổ trợ

DataList

không

hổ trợ

hổ trợ

không

không

không

Repeater

không

không

hổ trợ

không

Không

không


Control GridView: nó hổ trợ phân trang, nhưng không linh động trong việc bố trí, mục tiêu chính cho việc hiển thị dử liệu, không xây dựng sẳn chức năng thêm, tức là chúng ta không thể gọi phương thức thêm, khi chúng ta nhấn vào nút (Button) với CommandName là "Insert".

Control DataList: nó hổ trợ nhóm dử liệu, thông qua thuộc tính RepeatColumns, nhưng nó không có xây dựng sẳn chức năng phân trang, thêm, xoá, cập nhật dử liệu, nhìn vào các bố trí của nó, thì mặc định datalist biểu hiện (render) như dạng bảng html và bạn phải thiết lập thuộc tính flowLayout của nó thành Flow để ngăn chặn hành xử này.

Repeater control: cung cấp việc bố trí 1 cách linh động, nhưng nó không có hổ trợ nhóm, thêm, xóa, cập nhật và phân trang dử liệu.

Tóm lại:
ListView control được thêm vào hổ trợ các tính năng cùng lúc, cho nên bạn sẻ dể dàn hiển thị tùy biến cách bố trí, mà nó hổ trợ nhóm, phân trang, thêm, xoá, cập nhật và sắp xếp dử liệu.

Tags:


Categories: asp.net

Powered by BlogEngine.NET 1.6.0.0 - Eco Theme by n3o Web Designers