Figure 16-3 shows the Layout templa

Figure 16-3 shows the Layout template that was generated for the List View control you saw in figure 16-1. This control was configured using the options shown in figure 16-2, except that no formatting was applied. That way, you can focus on the layout rather than the styles.
To start, you should notice that this template contains a table with two rows. The first row defines the layout of the data that will be displayed in the control. I’ll have more to say about this row in just a minute. The second row defines the layout of the pager area. If I had enabled paging, this row would contain a DataPager control. In this case, however, paging isn’t enabled, so the second row is empty.
The first row in the table within the Layout template contains a single column that contains another table. Notice that the ID attribute of this table is set to itemPlaceholderContainer. This indicates that the table will contain a place¬holder where items from the data source are displayed. Although this attribute isn’t required, it’s included by default when you configure a ListView control using the Configure ListView dialog box.
The first row in the inner table defines the table headers (th elements) that are displayed across the top of the ListView control. Then, the second row identifies where the data from the data source should be displayed. To do that, the ID attribute of this row is set to itemPlaceholder. To specify how the data is displayed, you use the other templates of the ListView control. In the next figure, for example, you’ll see the code for a basic Item template.
Before I go on, you should notice that each element within the Layout template has a Runat attribute set to “server”. This is necessary for the table and tr elements that specify an id attribute since only server controls can include this attribute. Although the Runat attribute isn’t required for the other elements, it’s added by default when you configure the control.
If you use the Configure ListView dialog box as shown in the previous figure, the ListView control that’s generated always contains a Layout template. If you’re creating a simple layout, though, you should know that you can omit this template. For example, suppose you want to create a list of names and addresses formatted like this:
FirstName LastName
Address
City, State ZipCode
Since the Layout template for this list would contain only the item placeholder, it can be omitted. This feature was added with ASP.NET 4.
You should also realize that you can’t modify the Layout template for a ListView control from Design view. Instead, you’ll need to work with it in Source view. As you’ll learn later in this chapter, though, you may be able to work with the other templates from Design view depending on what layout you use.

Kết quả (Việt) 1:

Hình 16-3 cho thấy các mẫu bố trí được tạo ra để kiểm soát xem danh sách bạn thấy trong hình 16-1. Điều khiển này được cấu hình bằng cách sử dụng tùy chọn Hiển thị trong hình 16-2, ngoại trừ rằng không có định dạng được áp dụng. Bằng cách đó, bạn có thể tập trung vào cách bố trí chứ không phải là phong cách.Để bắt đầu, bạn nên thông báo rằng mẫu này có chứa một bảng với hai hàng. Dòng đầu tiên xác định bố trí của các dữ liệu sẽ được hiển thị trong kiểm soát. Tôi sẽ có nhiều để nói về hàng này trong chỉ một phút. Dòng thứ hai xác định giao diện tích máy nhắn tin. Nếu tôi đã kích hoạt phân trang, hàng này sẽ chứa một điều khiển DataPager. Trong trường hợp này, Tuy nhiên, phân trang không được kích hoạt, do đó, dòng thứ hai là sản phẩm nào.Dòng đầu tiên trong bảng trong các mẫu bố trí có chứa một cột duy nhất có chứa một bảng. Thông báo các thuộc tính ID của bảng này được thiết lập để itemPlaceholderContainer. Điều này cho thấy rằng bảng sẽ chứa một place¬holder nơi mục từ nguồn dữ liệu được hiển thị. Mặc dù thuộc tính này không phải là yêu cầu, nó được bao gồm theo mặc định khi bạn đặt cấu hình một ListView điều khiển bằng cách sử dụng hộp thoại cấu hình ListView.Dòng đầu tiên trong bảng bên trong xác định các tiêu đề bảng (th yếu tố) được hiển thị trên đầu trang của sự kiểm soát ListView. Sau đó, dòng thứ hai xác định nơi dữ liệu từ các nguồn dữ liệu sẽ được hiển thị. Để làm điều đó, các thuộc tính ID của hàng này được thiết lập để itemPlaceholder. Để chỉ định cách hiển thị các dữ liệu, bạn sử dụng các mẫu khác của kiểm soát ListView. Trong hình kế tiếp, ví dụ, bạn sẽ thấy mã cho một mẫu mục cơ bản.Trước khi tôi đi, bạn sẽ thấy rằng mỗi yếu tố trong các mẫu bố trí có một thuộc tính Runat được thiết lập để "phục vụ". Điều này là cần thiết nhất bảng và tr các yếu tố xác định một thuộc tính id kể từ khi chỉ máy chủ điều khiển có thể bao gồm thuộc tính này. Mặc dù các thuộc tính Runat không phải là cần thiết cho các yếu tố khác, nó được thêm theo mặc định khi bạn đặt cấu hình điều khiển.Nếu bạn sử dụng hộp thoại cấu hình ListView như minh hoạ trong hình trước đó, kiểm soát ListView được tạo ra luôn luôn chứa một mẫu bố trí. Nếu bạn đang tạo ra một bố trí đơn giản, mặc dù, bạn nên biết rằng bạn có thể bỏ qua mẫu này. Ví dụ, giả sử bạn muốn tạo một danh sách các tên và địa chỉ được định dạng như thế này:FirstName LastNameĐịa chỉThành phố, tiểu bang, ZipCodeKể từ khi các mẫu bố trí cho danh sách này sẽ chứa chỉ giữ chỗ mục, nó có thể được bỏ qua. Tính năng này được thêm vào với ASP.NET 4.Bạn cũng nên nhận ra rằng bạn không thể sửa đổi các mẫu bố trí cho một điều khiển ListView từ thiết kế xem. Thay vào đó, bạn sẽ cần phải làm việc với nó trong chế độ xem nguồn. Như bạn sẽ tìm hiểu sau đó trong chương này, mặc dù, bạn có thể có thể làm việc với các mẫu khác từ thiết kế xem tùy thuộc vào những gì bố trí bạn sử dụng.

Kết quả (Việt) 2:

Hình 16-3 cho thấy các Layout mẫu đã được tạo ra cho các danh sách Xem kiểm soát bạn nhìn thấy trong hình 16-1. Việc kiểm soát này đã được cấu hình bằng cách sử dụng tùy chọn được hiển thị trong hình 16-2, ngoại trừ việc không có định dạng được áp dụng. Bằng cách đó, bạn có thể tập trung vào cách bố trí chứ không phải là phong cách.
Để bắt đầu, bạn sẽ nhận thấy rằng mẫu này chứa một bảng với hai hàng. Hàng đầu tiên xác định cách bố trí của các dữ liệu đó sẽ được hiển thị trong kiểm soát. Tôi sẽ có nhiều điều để nói về hàng này chỉ trong một phút. Hàng thứ hai định nghĩa cách bố trí của các khu vực máy nhắn tin. Nếu tôi đã kích hoạt phân trang, hàng này sẽ chứa một điều khiển DataPager. Trong trường hợp này, tuy nhiên, phân trang không được kích hoạt, vì vậy hàng thứ hai là trống rỗng.
Hàng đầu tiên trong bảng trong Layout mẫu có chứa một cột duy nhất có chứa một bảng khác. Chú ý rằng các thuộc tính ID của bảng này được thiết lập để itemPlaceholderContainer. Điều này cho thấy rằng bảng sẽ chứa một place¬holder nơi các mặt hàng từ các nguồn dữ liệu được hiển thị. Mặc dù thuộc tính này là không cần thiết, nó bao gồm theo mặc định khi bạn cấu hình một điều khiển ListView sử dụng Configure ListView hộp thoại.
Các dòng đầu tiên trong bảng bên trong xác định các tiêu đề bảng (thứ yếu tố) được hiển thị trên đầu trang của các ListView kiểm soát . Sau đó, hàng thứ hai xác định nơi mà các dữ liệu từ các nguồn dữ liệu sẽ được hiển thị. Để làm được điều đó, các thuộc tính ID của dòng này được thiết lập để itemPlaceholder. Để xác định cách dữ liệu được hiển thị, bạn sử dụng các mẫu khác của ListView kiểm soát. Trong hình tiếp theo, ví dụ, bạn sẽ thấy mã cho một khoản cơ bản mẫu.
Trước khi tôi đi, bạn sẽ nhận thấy rằng mỗi phần tử trong Layout mẫu có một thuộc tính runat thiết lập để "máy chủ". Điều này là cần thiết cho các bảng và tr yếu tố xác định một thuộc tính id vì chỉ điều khiển máy chủ có thể bao gồm các thuộc tính này. Mặc dù các thuộc tính runat là không cần thiết đối với các yếu tố khác, nó được thêm vào theo mặc định khi bạn cấu hình điều khiển.
Nếu bạn sử dụng Configure ListView hộp thoại như thể hiện trong hình trước, điều khiển ListView đó là tạo ra luôn luôn chứa một Layout mẫu. Nếu bạn đang tạo ra một bố cục đơn giản, tuy nhiên, bạn nên biết rằng bạn có thể bỏ qua mẫu này. Ví dụ, giả sử bạn muốn tạo ra một danh sách tên và địa chỉ được định dạng như thế này:
FirstName LastName
Địa chỉ
Thành phố, Nhà nước mã bưu
Vì Layout mẫu cho danh sách này sẽ chỉ chứa các item giữ chỗ, nó có thể được bỏ qua. Tính năng này đã được bổ sung với ASP.NET 4.
Bạn cũng nên nhận ra rằng bạn không thể sửa đổi Layout mẫu cho một ListView điều khiển từ Design view. Thay vào đó, bạn sẽ cần phải làm việc với nó trong view Source. Như bạn sẽ tìm hiểu sau trong chương này, tuy nhiên, bạn có thể làm việc với các mẫu khác từ thiết kế giao diện tùy thuộc vào những gì bạn sử dụng bố trí.