问题标签 [extjs6]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
extjs - ExtJS - 如何将组件配置选项传递给 XTemplates?
我定义了一个扩展 Ext.view.View 的类:
如您所见,我正在尝试将一个布尔参数从组件外部传递给其中的 XTemplate。我正在尝试这样做,因为该组件在 3 个不同的地方使用。在其中一个中,我希望它看起来略有不同(只是没有一个 div)。我发现参数化的 XTemplate 将是一个不错的解决方案,但我不能强迫它工作。我正在创建这样的组件:
不管我把什么作为参数,我放在配置中的所有东西似乎都在我的自定义类的其他实例之间共享。因此,要么每个 CommentsList 的参数都设置为 true,要么每个 CommentsList 的参数都设置为 false。我显然遗漏了一些东西,但似乎这个话题也给其他人带来了困惑。尽管如此,我没有找到解决这个问题的正确方法。我在类定义中直接尝试了 config、factoryConfig 和变量的各种组合,但似乎没有任何效果。
因此,我将非常感谢一个解决方案,或者至少是一个有价值的博客文章或文档链接。非常感谢您提前。
如果这是相关的,我正在使用 ExtJS 6 经典。
javascript - 动态模型操作
我在谷歌上搜索关于模型操作的最佳实践,显然,在 4.x 中,你有这个功能(setField
,示例在这里)。
但在 6.x 中,这似乎消失了。我记得在 Sencha 论坛上读到动态模型并不是真正的“最佳实践”,所以这就是为什么它似乎在 v6 中消失了?
我可以在原型上做到
但这是最好的方法吗?
我们将有用户可以隐藏列的网格,所以有时,模型验证将不得不改变。此外,用户定义的字段将通过数字、日期、字符串等,这取决于他们选择的类型,因此验证将再次动态变化。
谢谢。
extjs4.2 - ExtJs 6商店在网格中不可见
我正在尝试将现有应用程序从 ExtJs 4.2.1 移植到 6.0.1 在调试器中我看到网格有“ ext-empty-store ”存储而不是“store.accounting.Quota”的问题我可以直接加载存储在面板激活监听器中通过 var store = Ext.data.StoreManager.lookup('QuotaKPI.store.accounting.Quota'); 存储.load(); 在萤火虫中,我看到请求和完美的 json 作为响应,但网格中没有出现任何内容
以下是代码片段
应用/商店/会计/Quota.js
应用程序/视图/会计/QuotaGrid.js
在控制器中声明的存储、模型和网格
控制器本身在 app.js 中列出
请问有什么帮助吗?
extjs - 过滤已过滤的商店
我想知道是否有任何方法可以过滤已过滤的商店。假设我有一个网格和两个过滤器(F1 和 F2)。现在,我正在做的是
我正在为该网格添加越来越多的过滤器,并且“ else if
”的数量正在以指数方式增加......此外,我正在过滤 150k+ 条记录,因此在任何更改时重置所有记录的 && 过滤可能非常昂贵。
我想要的是
希望我清楚,谢谢。
javascript - 复选框组高度太小 - 复选框不可见
我的复选框组的大小不足以显示所有复选框。
这是一个小提琴: https ://fiddle.sencha.com/#fiddle/1169
“显示这些详细信息列”下方的复选框不完全可见。我想改变它,但我没有发现我的错误。如果我拖动窗口以增加其大小,则会显示复选框,但由于我的窗口将包含越来越多的选项,因此必须在滚动条可见时显示它们。
extjs - Ext JS 6.0.0 按钮边距属性不起作用
我在面板中有一个按钮,我需要设置一个边距值,但组件没有应用边距值,EXT 只是忽略边距属性。
以下代码:
如果我在组件渲染后通过 chrome 的控制台设置值,使用 Ext.getCmp('xxxx').setMargin('15 0 0 0') 不起作用,但如果我使用 Ext.getCmp('xxxx') .getEl().setMargin('15 0 0 0') 有效。
我做错什么了吗?
extjs6 - 如何在 extjs 6 中添加自定义事件?
我正在使用Extjs 6。我从Ext.Component
. 我想在课堂上添加一些事件。
我该怎么做?
extjs - extjs 6中如何实现store的多个实例分配到同一个grid
在 extjs 6 中如何实现 store 的多个实例分配到同一个网格。
我创建了一个网格并通过在该视图的视图模型中创建商店来绑定商店,并通过“绑定”进行绑定
现在我想在多个选项卡中打开相同的网格..以便用户可以在两个差异选项卡中看到差异数据..因为我使用相同的网格和相同的商店如何实现这一点。
extjs - 创建和主题化 ExtJS 6 组件
我正在尝试为我的 ExtJS 应用程序创建一个自定义组件(使用 extjs 6.0 和现代工具包)
我已经生成了一个新应用程序并添加了一个新视图(扩展 Ext.Component),在那里放置了一些逻辑。我可以使用 xtype 创建这个组件,但会被主题化。
所以问题是:如何正确添加新组件(在框架源代码中/作为应用程序中的视图/其他地方)以及将组件放在哪里(生成自定义主题并将其插入那里/其他地方)?
组件(位于 app/view/components 文件夹中):
添加:
我尝试了添加组件和主题的不同方法(目标是更改标准 CSS 并添加自定义)。
可接受的方式(对我来说)是将自定义组件放入ux.button folder
(如@Alexander 提到的)并生成一个新的主题。由于使用了两个(在我的情况下)不同的命名空间,因此需要在主题package.json中清除命名空间参数。这提供了向标准组件添加自定义样式以及添加或覆盖标准组件(即)的机会src\MyAppNs\...\MyComponentClassName.scss
var\Ext\Component.scss
也尝试使用workspace,但这种方式更适合在多个应用程序之间共享组件和主题。在这种情况下,组件可以作为一个包添加(如第一种方式的主题)。
最后,尝试将自定义组件添加到框架源中,但注意到 SenchaCMD 不支持这种方式。想想,这是不可接受的。