習(xí)C#開源報表組件Seal Report(20:Seal Report Designer界面布局-16))
Seal Report Designer內(nèi)Views節(jié)點支持添加Card View視圖控件該控件屬于數(shù)據(jù)展示類視圖支持將模型數(shù)據(jù)以卡片形式展示。Card View相關(guān)的屬性與前兩篇文章介紹的View對象屬性類似本文主要學(xué)習(xí)Card View特有的屬性用途及使用示例。Model屬性設(shè)置Card View控件使用的數(shù)據(jù)模型從Models節(jié)點內(nèi)選擇Use model name屬性值為True則視圖名稱來源于模型名稱Is enabled屬性設(shè)置是否啟用當(dāng)前Card View控件Show element name屬性設(shè)置是否在卡片中顯示列名Show title屬性設(shè)置是否在卡片中顯示標題Title屬性設(shè)置標題內(nèi)容Column used for title屬性將指定列的值作為卡片標題Invert name and title屬性值為True則互換列名與標題的內(nèi)容Number of rows屬性設(shè)置從數(shù)據(jù)源中取多少行數(shù)據(jù)值為0則取所有行Number of columns屬性設(shè)置從數(shù)據(jù)源中取多少列數(shù)據(jù)值為0則取所有列Main container:CSS Style屬性設(shè)置整個Card View最外層容器的自定義CSS樣式Main container:CSS Class屬性設(shè)置整個Card View最外層容器的自定義CSS類Items Card Paner:CSS Style屬性設(shè)置Card View內(nèi)每個卡片的自定義CSS樣式Items Card paner:CSS Class屬性設(shè)置Card View內(nèi)每個卡片的自定義CSS類Title:CSS Style屬性設(shè)置卡片標題的自定義CSS樣式Title:CSS Class屬性設(shè)置卡片標題的自定義CSS類Separator:CSS Style屬性設(shè)置卡片內(nèi)分隔符的自定義CSS樣式Separator:CSS Class屬性設(shè)置卡片內(nèi)分隔符的自定義CSS類Element value:CSS Style屬性設(shè)置卡片內(nèi)顯示值的自定義CSS樣式Element value:CSS Class屬性設(shè)置卡片內(nèi)顯示值的自定義CSS類Element name:CSS Style屬性設(shè)置卡片內(nèi)列名的自定義CSS樣式Element name:CSS Class屬性設(shè)置卡片內(nèi)列名的自定義CSS類Print:Force a break after the view屬性值為True則打印時在當(dāng)前視圖控件內(nèi)容輸出后強制換頁。Seal Report Designer軟件自帶的示例中包括Card View控件的使用示例以15-Cards.srex文件為例位于Samples文件夾內(nèi)該文件的Views節(jié)點中多次使用Card View控件。下圖中的Quantity數(shù)據(jù)模型僅包含Quantity數(shù)據(jù)列在View對象中添加四個Card View控件通過配置不同的屬性值及樣式在卡片中顯示單一數(shù)據(jù)值。另一個Employees數(shù)據(jù)源分組統(tǒng)計人員信息總共包含3行數(shù)據(jù)在View對象中添加3個Card View控件通過配置不同的屬性值及樣式在卡片中顯示多行或單行數(shù)據(jù)如下圖所示。參考文獻[1]https://github.com/ariacom/Seal-Report[2]https://sealreport.org/[3]https://sealreport.org/demo[4]https://sealreport.org/forum/[5]https://github.com/ariacom/Seal-Report/releases[6]https://www.cnblogs.com/Leo_wl/p/7716582.html[7]https://sealreport.org/Help/html/26c7ae63-9b83-dc1d-b5d0-00a18021be41.htm[8]https://sealreport.org/Reports