首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在extjs 3网格面板中显示/隐藏列

在 ExtJS 3 中,可以使用 setVisible() 方法来显示或隐藏网格面板中的列。以下是一个简单的示例:

代码语言:javascript
复制
// 获取网格面板
var grid = Ext.getCmp('yourGridId');

// 获取要显示或隐藏的列
var column = grid.getColumnModel().getColumnById('yourColumnId');

// 显示或隐藏列
column.setVisible(true); // 设置为 true 显示列,设置为 false 隐藏列

在这个示例中,我们首先通过 Ext.getCmp() 方法获取网格面板。然后,我们使用 getColumnModel() 方法获取网格面板的列模型,并使用 getColumnById() 方法获取要显示或隐藏的列。最后,我们使用 setVisible() 方法来显示或隐藏列。

请注意,这个示例仅适用于 ExtJS 3。在 ExtJS 4 及更高版本中,网格面板的列模型已经被更改为使用 Ext.grid.Column 对象,因此需要使用不同的方法来显示或隐藏列。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Ext JS 教程-组件 原

所有组件的xtype都被在组件的API文档。上面的例子展示了如何去添加一个已经加载好的组件到一个容器。...3 alignTo() - 使浮动组件同一个特定的元素对其。 4 center() - 让浮动组件在它的容器对其。...2 beforeShow - 这个方法在组件被显示出来之前被调用。 3 onShow - 允许显示操作有附加的行为。在调用了父类的onShow以后,组件将会是可见的。...4 afterShow - 这个方法在组件已经被显示了之后被调用。 5 onHide - 允许隐藏操作有附加的行为。在调用了父类的onHide方法之后,组件将会被隐藏。...3 onDockedAdd - 这个方法在一个对接条目被加入到面板时被调用。 4 onDockedRemove - 这个方法在一个对接条目被从面板移除时被调用。

3.2K30

CodeWave系列:3.CodeWave 智能开发平台 页面布局及呈现

显示条件:可通过表达式设置组件显示的条件,当条件为True时显示,为False时隐藏该组件。...只读:正常显示,但禁止选择或输入。 禁用:置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。 文本:组件需要展示的文本内容。...基本用法: 面板分组: 3.3 表格 数据表格:数据表格以二维表格形式呈现数据,通常包含行和,用于展示相关的数据信息。...具体常见场景说明请参见如何在表格展示实体数据。 数据表格具备行和结构,当用户需要查找或整理数据时,数据表格可以轻松地进行数据过滤和排序,整合符合要求的数据并展示在表格。...数据列表通常用于以下场景:展示一系列相关的数据,例如课程表、时间表、菜单、文章列表等 数据网格:以网格方式展示数据,每一个网格对应数据表的一行数据。

14410

ExtJs二(实现登录)

如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包的Ext.js文件复制到ExtJS目录,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...title: 'ExtJs Mvc登录窗口', width: 400, height: 400 }); 3.要考虑窗口应该包含那些配置项了,窗口应是模态的,不能关闭,不能调整大小...,关闭模式为隐藏隐藏模式为偏移等,因而加入以下代码: modal: true, closable: false, resizable: false, closeAction...一般的登录窗口都包含用户名、密码和验证码3个文本输入框,还包含有显示验证码的图片、登录和重置按钮。因而需要用到的ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...第二句表示将表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。

2K10

ExtJs二(实现登录)

如果想要在脚本中使用ExtJS的提示信息,可将书附带的资源包的Ext.js文件复制到ExtJS目录,复制后,在解决方案资源管理器将Ext.js拖到到login.js文件,就会生成以下代码:  //...title: 'ExtJs Mvc登录窗口', width: 400, height: 400 }); 3.要考虑窗口应该包含那些配置项了,窗口应是模态的,不能关闭,不能调整大小...,关闭模式为隐藏隐藏模式为偏移等,因而加入以下代码: modal: true, closable: false, resizable: false, closeAction...一般的登录窗口都包含用户名、密码和验证码3个文本输入框,还包含有显示验证码的图片、登录和重置按钮。因而需要用到的ExtJS控件包括表单面板、图片、工具栏、按钮和文本字段。...第二句表示将表单面板向内压缩5像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。

1.8K20

ExtJs学习笔记(2)_Basic GridPanel

,(4)二步是必须的,目的是为了生成Restful WCF,可以在ExtJs里用类似"MyService.svc/GetClsData"这样的url来访问 b.Extjs调用的前端页面 <%@ Page...',             viewConfig: { columnsText: '显示', sortAscText: '升序', sortDescText: '降序' }         })...,否则网格上右击,设置显示时,报JS错误,原因不明。...2.WCF的服务端方法,必须设置成JSON格式,另外Method设置为GET,否则运行时,前端页面读不出数据 3.如果设置了autoExpandColumn,则autoExpandColumn对应的...,必须是id对应的,否则出错 4.服务端的类,如果有DateTime字符的字段,需要手动修改dbml对应的cs文件,把DateTime改成string,否则序列化时,会产生很怪的值,估计是.Net

1.7K90

Adobe dreamweaver CS6小白入门教程「建议收藏」

不是这个通道的每一项操作都会在网页界面显示,但会在代码显示,(也就是“设置不可见元素”)比如: 6.DW图像和多媒体网页设计 6.1图像 6.1.1网页3种常见图像格式: GIF...修改–排列顺序–可修改高度、对齐等 9.1.4层靠齐到网格 查看–网格设置–靠齐到网格 9.1.5关于网格显示–“线”有时会比较突出甚至阻挡画面,因此可选择“点”。...9.2设置APDiv的属性 在属性面板和AP元素面板 9.2.1设置APDiv显示/隐藏属性 9.2.2.改变APDiv堆叠顺序(见上图Z) 在AP元素面板的Z轴属性值更改...9.2.3.添加APDIV**滚动条* 解释: 溢出:AP元素面板溢出用于控制当AP元素的内容超出AP元素的指定大小时如何在浏览器显示AP元素。的显示方法。...:显示隐藏存储在选项卡式面板内容 9.4.3.使用Spry折叠式 9.4.4.使用Spry折叠面板(只针对一个导航项) 9.5利用APDiv制作网页下拉菜单 先新建一个APDiv,确定合适的位置

7.1K30

【大牛经验】Java开源JSP标签库(32款)

08 JSP Tree Tag JSP Tree Tag是一个显示树型结构jsp标签,它只把需要显示的部分送到客户浏览器。...15 Struts-Layout Struts-Layout是一个用在Struts的标签库.这个强大的标签库可以用来显示面板(panels),输入框,表格,treeviews,sortable lists...(grid)控件.它还提供一些额外的功能可以把网格的数据导出为XLS,PDF和CSV(利用JasperReports来实现)并能与Struts框架相结合. 19 eXtremeTable eXtremeTable...30 ExtTLD ExtTLD是一个封装ExtJS框架的JEE标签库。如果你不熟悉javascript,但只要会使用标签,同样可以使用ExtJS漂亮的UI组件。...其中的DBGrid标签集成了分页、查询、排序、导出Excel、自定义、固定表头等一系列的数据展现的功能。

2.1K50

Extjs grid 组件

表格面板类Ext.grid.Panel 重要的配置参数 columns : Array 模式(Ext.grid.column.Columnxtype: gridcolumn) 重要的配置参数 text...模式的住类 Ext.grid.column.Action xtype: actioncolumn 在表格渲染一组图标按钮,并且为他赋予某种功能 altText : String 设置应用image元素上的...Ext.data.Model/Number endRow, [Boolean keepExisting],  Object dir ) : void keepExisting true保持已选则的,false重新选择 隐藏了一个单元格的选择模式...Ext.grid.feature.Summary 这个特性被用来在表格的底部放置一个摘要行 Ext.grid.feature.Grouping 分组地显示grid行集合 Ext.grid.plugin.DragDrop...invalidateScrollerOnRefresh: false, disableSelection: true,    });  demo 下载 https://github.com/ningmengxs/Extjs.git

2.5K80

我如何用一行Css代码使谷歌浏览器的数据网格滚动快10倍

对于此记录,它显示时间主要用于更新图层,紫色方块的文本所示,其中表示:Update layer tree: 瀑布图显示, “Update layer tree” 是使滚动变慢的原因。...步骤 3 - 检查这些层 Chrome DevTools 包括大量有用的工具,其中一些工具比其他工具更隐藏。层面板就是这样一个隐藏的宝石,要找到它,你必须点击菜单按钮在DevTools和挑选。...对于我的场景,它看起来像这样: More tools / Layers 铬 DevTools 的"层"面板,层层内容一直向下 它没有那么多的层,但它 确实 有几个巨大的。...现在,当点击面板时Elements ,我们看到以下信息,首先为完整的网格显示所选元素的后代元素计数的实时表达 如上所示,它产生 16,000 + DOM 元素,仅显示 500 行,这有点过分。...我只是在面板上添加了一行CSS,说明它不会影响页面上其他元素的布局或样式: on the Elements table { contain: strict; } 这里所示: 就这样

2.1K10

Grafana官方文档翻译

其他面板Singlestat需要将单个查询减少为单个数字。 Dashlist和Text是不连接到任何数据源的特殊面板。...3星型仪表板:对当前仪表板执行星号(或取消星标)。加星标的信息中心在默认情况下会显示在您自己的主页信息中心上,并且是标记您感兴趣的信息中心的便捷方式。...image 一般选项 title- 仪表板上的面板标题 span- 面板宽度 height- 面板内容高度(以像素为单位) Drilldown / detail link Drilldown部分允许向可以链接到其他信息中心或网址的面板添加动态链接...当链接到使用模板变量的另一个仪表板时,可以使用var-myvar = value将链接的模板变量填充到所需的值。 Axes “轴和网格”选项卡控制轴,网格和图例的显示。...Legend 通过选中显示复选框隐藏图例手。 如果显示,可以通过选中表复选框将其显示为值表。 没有值的系列可以使用隐藏空复选框从图例隐藏

3.9K20

开发人员必备:9个令人惊叹的CSS网格生成器推荐!

它确实有一些依赖项,Hashids、Nuxtjs和Vue Awesome库。 此外,它具有非常清晰易懂的结构,我们可以轻松地添加行和,并相应地调整它们之间的间距。...在左侧面板上,可以向布局添加行和,而在右侧面板上,您可以向行和添加网格。 简单来说,举个例子,你想在开头只添加一个网格项,因为你想将其作为标题。...因此,你需要选择第一个网格项,并以1开始,以行数+1结束,即n+1(5+1=6)。 所以,你可以通过编辑每个网格项来使用右侧面板来扩展行和。最后,中心面板网格显示面板。...此外,它具有非常简单的界面,使您可以通过将鼠标悬停在网格的角落上来更改每个等级的大小。此外,您可以拖放网格项以更改其位置。它还支持在网格突出显示行和。...它有一个非常简单的界面,您可以在其中设置行数和数,然后选择要放置网站元素的区域。 此外,你可以创建多达20行和的网站布局。当您完成网格的创建后,可以直接获取上述示例显示的CSS代码。

2.7K30

你不知道的 Chrome DevTools 玩法

$ 这个 和 jQuery 的 有部分相似之处,均可以作为选择器来使用,这里依次介绍其用法。...后续三个选项分别为 显示轨道大小:切换以显示隐藏轨道大小。 显示区域名称:在具有命名网格区域的网格的情况下,切换以显示隐藏区域名称。...扩展网格线:默认情况下,网格线仅显示在带有display: grid或display: inline-grid设置在其上的元素内部;当打开此选项时,网格线沿每个轴延伸到视口的边缘。...第一选项可以很清楚的看到每行每的宽度,第二个选项可以看到每一个“块”的别名,第三个选项可能看的不是很清楚,其延伸 grid 的线段至视口边缘,可以仔细观察最下方和最右方,发现会多了几条虚线。...在 Grid overlays 有一个颜色块和一个带有鼠标的虚线块,其功能也很有用,分别是自定义每个 grid 的网格覆盖颜色和突出显示网格。 都说到 grid 了,怎么能不提 flex ?

1.8K20

轻量级jQuery网格插件——ParamQuery

Spreadsheet效果的网格。...使用ParamQuery,开发者可以轻松地实现以下特性: 排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏显示 像Excel那样冻结任意多 显示任意数据源格式...,像HTML、数组、XML、JSON等 可以用于任意服务端框架,像ASP.NET、MVC3、JSP、JSF、PHP等等 虚拟滚动和渲染 直接编辑单元格 在所有主流浏览器(IE 6+、Firefox...ParamQuery基于MIT许可开源,任何在商业化或者开源项目中的应用都是免费的,如果需要,你可以到它的下载页面获取。...原文地址:轻量级jQuery网格插件——ParamQuery An Example to Use jQuery Grid Plugin in MVC - Part 1

1.9K60
领券