20/10/2022 | 10:34 AM

[zPortal Modules] Module ListTopObjects trong zPortalApplication phiên bản 3.21 Pub 444 Build 0005

Xem: 695
(LTC) Hướng dẫn sử dụng module ListTopObjects trong zPortalApplication phiên bản 3.21 Pub 444 Build 0005 để hiển thị dữ liệu trên trang
Module ListTopObjects được tích hợp và ra mắt trong phiên bản zPortal Application phiên bản 3.21.444.0005. Đây là module cho phép các ứng dụng sau này sử dụng để làm cơ sở cho việc hiển thị dạng Grid hoặc dạng List đối tượng

Hình ảnh giao diện module khi hiển thị trong môi trường thử nghiệm

 Module ListTopObjects nằm trong thư mục modules/common/webcontrols/ListTopObjects.ascx. Khi sử dụng module này để hiển thị dữ liệu, chỉ cần kéo module này vào các module khác.

1. Tại trang ASPX

<%@ Register src="../modules/common/webcontrols/ListTopObjects.ascx" tagname="ListTopObjects" tagprefix="uc1" %>

a. Cấu hình hiển thị dạng Grid
<uc1:ListTopObjects ID="ListTopObjects1" EnableViewState="false" runat="server"
            PKColumnName="PK_iObjectID" 
            ObjectColumnImage="sObjectName" 
            ObjectColumnName="sObjectSummary" 
            ObjectColumnSummary="sObjectImagePath"
            AutoGeneratorStyleSheet="true"
            CategoryId="1"
            CategoryName="Giao diện dạng Grid"
            DetailPageName="obj-view-detail"
            DetailQueryName="oid"
            HVLayout="grid"
            ImageHeight="300"
            ImageWidth="500"
            RowCountDKT="4"
            RowCountMOB="1"
            RowCountTAB="2"
            ShowImage="true"
            SummaryLength="35"
            TitleLength="15"
            ViewRow="2"
        />

b. Cấu hình dạng List
<uc1:ListTopObjects ID="ListTopObjects2" EnableViewState="false" runat="server"
            PKColumnName="PK_iObjectID" 
            ObjectColumnImage="sObjectName" 
            ObjectColumnName="sObjectSummary" 
            ObjectColumnSummary="sObjectImagePath"
            AutoGeneratorStyleSheet="true"
            CategoryId="1"
            CategoryName="Giao diện dạng List"
            DetailPageName="obj-view-detail"
            DetailQueryName="oid"
            HVLayout="list"
            ImageHeight="300"
            ImageWidth="500"
            RowCountDKT="1"
            RowCountMOB="1"
            RowCountTAB="1"
            ShowImage="true"
            SummaryLength="35"
            TitleLength="15"
            ViewRow="10"
        />

2. Mã nguồn chương trình

ListTopObjects1.DataSources = tbl;
ListTopObjects1.DataBind();
Xem: 695

Các bài viết khác

Loading ...