首页
学习
活动
专区
工具
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 表格 数据表格:数据表格以二维表格形式呈现数据,通常包含行和,用于展示相关的数据信息。...具体常见场景说明请参见如何在表格展示实体数据。 数据表格具备行和结构,当用户需要查找或整理数据时,数据表格可以轻松地进行数据过滤和排序,整合符合要求的数据并展示在表格。...数据列表通常用于以下场景:展示一系列相关的数据,例如课程表、时间表、菜单、文章列表等 数据网格:以网格方式展示数据,每一个网格对应数据表的一行数据。

    25110

    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像素,这样表单内的组件就不会和窗口的内边框粘在一起,这个可根据个人喜好设置。第三句的作用就是让表单面板的背景颜色和窗口融合在一起,而不是默认的白色,这还是个人喜好问题。

    2.1K10

    Axure高保真教程:移动端多选图片上传

    1、主页面主页面如下图所示,我们用中继器来制作,在中继器里面添加图片元件,选择网格分布,每行3个,多页显示,一页最多显示9个中继器表格里我们需要两3内容,no用于对图片的排序,picture用于存放图片...我们按照这个逻辑设置多选按钮,用显示隐藏的交互,如果xuanzhong的值等于1,就显示选中、影藏未选中,否则就显示未选中,隐藏选中点击选中按钮时,我们要根据选中的值来控制,是选中状态还是未选中状态...然后我们把这个页面所有内容右键转为动态面板,右键固定在左上角,鼠标单击关闭按钮或者选择按钮时,用隐藏的交互,将该面板隐藏即可。...主页如果点击中继器里的+号图片,就是no值为0的图片元件,我们用显示的交互,显示这个动态面板就可以了,因为这个面板后面还有第二个状态(大图页),所以,我们用设置面板状态,设置他到相册页这个状态,设置的时候可以勾选隐藏显示...0,就是从选中变成未选中,这样在主页就不会出现这张图片了,在相册页页不会选中,最后我们用隐藏的交互,隐藏动态面板即可如果点击返回按钮,我们就不用删除,直接用隐藏的交互隐藏动态面板即可。

    15610

    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.9K20

    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.8K90

    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.2K30

    【大牛经验】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.2K10

    Grafana官方文档翻译

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

    4K20

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

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

    3.5K30

    50个Axure画原型技巧,产品经理速学速用

    也可以通过「文件→从“备份恢复”」找回最新的版本。2、画布配置把「单快捷键、画布负空间」都勾上,如果喜欢暗黑风格,也可以选择「黑暗模式」。3网格配置把「网格对齐」勾上,间距设置成 10 即可。...元件将会按照网格进行吸附,可以快速对齐。如果想在「画布」展示出网格,可以使用快捷键「Ctrl+’」或者在画布的空白区域,鼠标右键,勾上「显示网格」,将会把网格显示出来。...:密码格式:输入的内容会被隐藏数字格式:只能输入数字文件格式:可以选择文件日期格式:可以直接选择日期……样式将会使用浏览器的对应样式。...(可以在「隐藏提示」设置是输入内容就隐藏,还是有了光标就隐藏)。同时可以填写文本框内可以输入的最大长度。...可以使用「显示/隐藏」,选择「灯箱效果」,背景颜色选择透明。45、显示时勾上置于顶层在做显示/隐藏动效时,当需要显示时,可以将「置于顶层」勾上,这样可以避免要显示的内容被遮挡。

    10520
    领券