Banded Grid Views 带状网格视图

GoTo 数据网格和视图入门

Banded Grid Views 带状网格视图

标注栏网格视图(BandedGridView)以表格形式显示数据,并将列组织到标注栏中。

在这里插入图片描述
Advanced Banded View(AdvBandedGridView)也有同样的功能,并额外支持数据单元格的复杂布局。
在这里插入图片描述

Bands and Columns 波段和列

BandedGridView和AdvBandedGridView视图具有条带–将网格列组织为类别的条带。
在这里插入图片描述
带状视图中的列是BandedGridColumn类的实例,并从父GridColumn类别继承其大部分设置。

Add, Remove, Reorder and Modify Bands添加、删除、重新排序和修改波段

运行 Grid Designer 并切换到 “Bands” 选项卡。此选项卡包含用于添加和删除频段的按钮,以及用于修改频段设置的属性网格。您还可以拖动条带以重新排列它们。

在这里插入图片描述
在代码中,创建 GridBand 对象并将其放入 BandedGridView.Bands 集合中。

Related API 相关 API

  • BandedGridView.Bands - 提供对根带区集合的访问。
  • GridBandCollection.MoveTo - 将带区移动到其他带区中的新位置。

Add Columns to Bands 将列添加到波段

在设计时,将一列拖放到带的下方。

在这里插入图片描述
在代码中,访问带区的 GridBand.Columns 集合并调用其“Add”、“AddRange”和“Insert”方法,或者为列指定 BandedGri

### 如何隐藏导航网格 在处理高级带状网格视图(Advanced Banded Grid View)时,如果需要隐藏导航网格的显示,可以通过设置特定属性实现。通常情况下,这涉及调整布局视图类中的配置选项或通过样式控制其可见性。 #### 方法一:通过 API 配置项隐藏 许多现代框架提供了直接的方法来管理组件的可见性。例如,在某些 JavaScript 库中,可以使用 `options` 或者类似的参数禁用导航栏: ```javascript const gridOptions = { showNavigationGrid: false, // 关闭导航网格显示 }; new LayoutView(gridOptions); // 初始化布局视图 ``` 此方法依赖于具体库的支持功能[^1]。如果目标框架支持此类选项,则推荐优先采用这种方式。 #### 方法二:CSS 样式覆盖 当无法找到合适的 API 来关闭导航网格时,另一种常见做法是利用 CSS 覆盖默认样式以达到隐藏效果。假设导航网格具有固定的 HTML 结构或者可预测的选择器名称,可以直接应用如下样式规则: ```css /* 使用更具体的 selector 替代 .navigation-grid */ .navigation-grid { display: none !important; } ``` 上述代码片段将强制隐藏所有匹配到 `.navigation-grid` 的 DOM 元素[^3]。需要注意的是,这种方法可能会影响页面其他部分的表现形式,因此建议测试后再部署至生产环境。 #### 方法三:动态操作 DOM 对于那些既无内置开关又难以定位唯一选择器的情况,还可以考虑借助脚本手动移除不需要的部分。下面是一个简单的例子演示如何完成这一任务: ```javascript document.addEventListener('DOMContentLoaded', () => { const navigationGridElement = document.querySelector('.navigation-grid'); if (navigationGridElement) { navigationGridElement.style.display = 'none'; } }); ``` 以上逻辑会在文档加载完成后查找指定节点并将其隐藏[^2]。尽管有效,但相比前两种方式稍显笨拙,仅适用于特殊场景下解决问题。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值