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

Extjs templatecolumn隐藏时不计算数据,我们可以让它计算数据吗?

Extjs是一种基于JavaScript的前端开发框架,它提供了丰富的组件和工具,用于构建用户界面。Extjs中的templatecolumn是一种用于自定义列的组件,它可以根据指定的模板来渲染数据。

在Extjs中,当templatecolumn被隐藏时,默认情况下不会计算数据。这是因为隐藏的列不会显示在用户界面上,所以不需要进行数据计算和渲染。然而,如果需要在隐藏的templatecolumn中计算数据,可以通过以下方式实现:

  1. 使用Extjs的store的计算字段:可以在store中定义一个计算字段,该字段根据需要的逻辑计算数据。然后,在templatecolumn中使用该计算字段来显示数据。即使templatecolumn被隐藏,计算字段仍然会进行计算。
  2. 使用Extjs的renderer函数:可以在templatecolumn的renderer函数中进行数据计算。renderer函数接收两个参数,value和metadata。value是当前单元格的值,metadata是元数据对象,可以用于设置单元格的样式等。在renderer函数中,可以根据需要的逻辑计算数据,并返回计算后的结果。

需要注意的是,无论使用哪种方式,计算数据的逻辑都需要根据具体的业务需求来确定。另外,关于Extjs的更多信息和使用方法,可以参考腾讯云的Extjs产品介绍页面(https://cloud.tencent.com/product/extjs)。

总结起来,虽然Extjs的templatecolumn在隐藏时默认不计算数据,但可以通过使用store的计算字段或renderer函数来实现隐藏时的数据计算。

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

相关·内容

初识Ext.NET

以前从没想过会用到ExtJS,总是对它有着一种反感:认为脚本资源大,执行脚本多,性能差等等。最近因为一个项目使用到了,就用上了。相对JQuery,ExtJS没有那么方便灵活,但是其界面美观,功能实用,可以节约不少开发时间。玩ExtJS,就感觉是在玩配置,也许Java程序员会习惯些。熟悉那些配置无疑也是一件麻烦而且棘手的事情,稍不留心,就得为自己的失误埋单。虽然网上有些设计器,但是大都满足不了需求。后来,在网上找到一款还不错的框架——Ext.NET。这对于.NET开发人员来说,能节省不少时间。至少带智能提示的xml配置怎么也要比写js要顺手方便多了。而且其还是免费开源的。不过在使用过程中,也没有那么顺畅。

06

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器,从IE 6 到最新的谷歌Chrome。在开发期间,我们建议你使用下面这些浏览器,以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome,花点时间去下载它吧,然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器,仍然强烈建议你在开发的时候能有一个,因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器,建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache,你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ,你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK,把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿,查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同,但是如果你使用的是 Apache,你一般会在:

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装,将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了,代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的,但是可以作为最佳实践指南考虑,以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构:

- appname

- app

    - namespace

        - Class1.js

        - Class2.js

        - ...

- extjs

- resources

    - css

    - images

    - ...

- app.js

04
领券