午夜国产精品看片,日韩精品一区二区三区爱欲,日本天堂视

界面組件DevExpress WPF中文教程：網格視圖數據布局 - 緊湊模式

翻譯|使用教程|編輯：龔雪|2025-08-06 10:17:20.090|閱讀 117 次

概述：本文主要介紹DevExpress WPF Grid控件中網格視圖數據布局中的緊湊模式，歡迎下載最新版組件體驗！

相關鏈接：

DevExpress WPF擁有120+個控件和庫，將幫助您交付滿足甚至超出企業需求的高性能業務應用程序。通過DevExpress WPF能創建有著強大互動功能的XAML基礎應用程序，這些應用程序專注于當代客戶的需求和構建未來新一代支持觸摸的解決方案。無論是Office辦公軟件的衍伸產品，還是以數據為中心的商業智能產品，都能通過DevExpress WPF控件來實現。

在本文中您將學習到DevExpress WPF Grid控件中網格視圖數據布局中的緊湊模式，歡迎下載最新版組件體驗！

獲取DevExpress WPF v25.1正式版下載

DevExpress技術交流群11：749942875 歡迎一起進群討論

DevExpress WPF GridControl允許您構建自適應布局，控件以完全可自定義的緊湊模式自動調整其數據行（或樹表節點）。

您應該定義以下屬性來啟用以緊湊模式顯示行數據：

/ ：用于以緊湊模式呈現數據行的模板。
/ ：啟用緊湊模式時GridControl的最大寬度。

當GridControl的寬度小于或等于 () 屬性指定的值時，GridControl會自動改變它的布局。在這種情況下，數據行（或節點）是使用 ()呈現的。

緊湊模式下的DevExpress WPF GridControl不使用屬性中指定的上下文菜單，您應該在屬性中定義一個行上下文菜單。

緊湊面板

緊湊面板取代列標題，用于在緊湊模式下對網格項進行分組、排序和過濾。

可用性

使用 / 屬性來控制GridControl切換到緊湊模式時緊湊面板的可用性。默認情況下，緊湊型面板是啟用的。

提示：GridControl支持以全尺寸模式顯示緊湊型面板，設置 / 屬性為Always，來在全尺寸GridControl中顯示緊湊面板。

下面的代碼示例演示了如何禁用緊湊面板。

XAML

<dxg:GridControl ItemsSource="{Binding Customers}">
<dxg:GridControl.View>
<dxg:TableView CompactPanelShowMode="Never">
<dxg:TableView.DataRowCompactTemplate>
<!-- data template --->
</dxg:TableView.DataRowCompactTemplate>
</dxg:TableView>
</dxg:GridControl.View>
</dxg:GridControl>

自定義

預定義的過濾器

緊湊的面板可以顯示預定義的過濾項，單擊過濾項時，GridControl只顯示符合篩選條件的項。要向緊湊面板添加過濾器，將過濾器項的集合（類的實例）傳遞給 () 屬性。

下面的代碼示例演示了如何定義一組預定義的過濾器。

XAML

<dxg:GridControl ItemsSource="{Binding Customers}">
<dxg:GridControl.View>
<dxg:TableView CompactPanelShowMode="CompactMode">
<dxg:TableView.CompactModeFilterItems>
<dxg:CompactModeFilterItem DisplayValue="All" EditValue="" />
<dxg:CompactModeFilterItem DisplayValue="From London" EditValue="[City] = 'London'" />
<dxg:CompactModeFilterItem DisplayValue="From Madrid" EditValue="[City] = 'Madrid'" />
</dxg:TableView.CompactModeFilterItems>
<dxg:TableView.DataRowCompactTemplate>
<!-- data template -->
</dxg:TableView.DataRowCompactTemplate>
</dxg:TableView>
</dxg:GridControl.View>
</dxg:GridControl>

緊湊面板可以根據屬性值，以以下模式顯示過濾器項。