问题标签 [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.

0 投票
2 回答
194 浏览

javascript - 应该只适用于一个类的风格正在被应用到所有东西上

我的视口中有一个边框布局。在边框布局中,我有一个“标题”部分和一个“导航”部分。

文件夹结构如下所示:

文件夹结构

我正在尝试仅将样式添加到标题部分。

我在“sass/src/view/main/header”文件夹中创建了一个“Header.scss”文件:

头文件的scss文件

据我了解有关在应用程序中设置视图样式的文档,当您在文件夹中创建匹配的文件夹和文件结构时sass/var/view,该 scss 文件中的样式应仅适用于应用程序文件夹中的给定类。

我在 Header.scss 文件中添加了以下规则:

标题的主体背景颜色确实发生了变化,但视口中的所有面板也会发生变化。

风格规则适用于任何地方

我是否误解了 sass var 文件夹应该如何工作?我如何将样式规则仅应用于标题类?

0 投票
1 回答
929 浏览

javascript - 如何禁用 Extjs 6.0.0 的节点。树列表?

我正在使用sencha extjs 6.0.0。我有一个treelist喜欢这里。我想让它的一些叶子被禁用。

有可能吗?如果是真的,怎么做?

0 投票
1 回答
1343 浏览

datetime - ExtJS 6 - 日期时间选择器的数字字段不可编辑

我试图为日期时间选择器扩展现有的 ExtJS6 日期选择器。我numberfield在日期选择器中用作时间选择。但是,数字字段不可编辑。不仅如此,numberfield一旦单击日期选择器,微调器就消失了。

有人能告诉我我哪里弄错了吗?为什么numberfield不可编辑?

小提琴中的代码。 https://fiddle.sencha.com/#fiddle/tc3

0 投票
1 回答
112 浏览

javascript - 在 asp.net 中开发 extjs 枢轴网格的步骤

我必须在我的 asp.net 网络表单中开发 Extjs 的枢轴网格。我在哪里可以下载支持枢轴网格的库(.js 文件)。以及如何将其添加到 asp.net 网络表单(aspx)中。我是 Extjs 的新手。提前致谢。

0 投票
1 回答
2078 浏览

javascript - 仅在其视图模型的数据加载后才显示组件

我的控制器上有一个方法,当我的应用程序中的网格被 itemclicked 时触发。

单击网格行时,我创建一个详细信息窗口小部件的新实例,获取它的视图模型,并创建一个链接。创建此链接后,我将显示窗口:

在 linkTo 方法调用中引用的模型类有一个 rest 代理配置,所以当 linkTo 被触发时,会对数据发出 GET 请求:

这一切都很好。我想弄清楚的是如何隐藏或至少屏蔽窗口小部件,直到记录实际加载。

现在,窗口出现,延迟一两秒,然后在返回 GET 请求的结果后出现数据。

我希望能够显示被屏蔽的窗口,然后在数据加载后取消屏蔽它。我知道我可以.mask()在显示窗口后使用该方法:

但我不知道如何在 ViewModel 完成加载记录后删除掩码。

我该怎么做?我接近它错了吗?

更新:修复

根据 Robert Watkins 回答中的第二个选项,我将代码重构为:

  • 立即显示和屏蔽窗口
  • 直接从模型加载记录
  • 在加载方法的成功回调中
    • 将返回的数据设置到 ViewModel 中
    • 取消屏蔽窗口

这是更新的方法:

0 投票
2 回答
1189 浏览

javascript - 在 initComponent 中声明时事件侦听器未调用控制器方法

我使用 ExtJS 已经有一段时间了,但现在我正在尝试将我的项目转换为正确使用他们推荐的 MVC 样式。

我有一个视图和一个控制器。我正在尝试为 boxready 声明一个事件侦听器以调用控制器方法。当我在内部声明侦听器时,这不起作用initComponent- 它说当我期望它在我的控制器中查找方法时它无法在我的视图中找到该方法。

例如,请参见此处的 jsFiddle(相关代码在 MyPanel.js 中):senchafiddle

0 投票
0 回答
600 浏览

cordova - 使用 ExtJS 6 Modern Toolkit 访问设备的本机资源

我通过以下方式创建了本机移动应用程序 -

http://docs.sencha.com/cmd/6.x/cordova_phonegap.html

我想在我的应用程序中访问相机、GPS 等设备的资源。

在 Sencha Touch 中,有Ext.device.*此类活动的套餐。

那么如何使用 ExtJS 6 Modern Toolkit 访问这些资源呢?

请提供相同的指南和示例。

0 投票
1 回答
186 浏览

javascript - 拖动面板时的 extjs 阴影错误

我的Ext JS项目中有三个面板;那是一个面板作为父面板,另外两个是面板。我已将子面板设置为可拖动。 正如您在下面的代码中看到的:

//onDrag 函数是:

我的问题是,当我拖动子面板时,它们会在前一个位置留下一些阴影:

在此处输入图像描述

我该如何解决这个问题?

0 投票
0 回答
573 浏览

javascript - Spring 4 / ExtJs 6 文件上传 - 超过文件大小限制时 ExtJs 连接被拒绝错误

我有一个正常工作的文件上传表单,除非我发送的文件大于我在 Spring 中配置的大小。

我之前在另一个用 Spring 编写的应用程序上使用过相同的代码,不同之处在于我使用的是 ExtJs 4.2,现在使用的是 ExtJs 6.0。旧应用程序使用 Spring security 3,新应用程序使用 4。

Spring 端已配置为阻止超过 3MB 的文件。

从 WebMvcConfig.java:

来自 ToolkitCommonsMultipartResolver:

}

我的自定义控制器:

}

Spring security http 标记具有以下代码,以允许从服务器显示框架内容(X-Frame-Options)。在我添加此代码之前,所有响应都被阻止(保存成功与否):

Spring 将返回 success: false 以及我在控制器中设置的消息。在 chrome 中,我看到连接中止(net::ERR_CONNECTION_ABORTED)。在 ExtJs 代码的深处,我找到了 onComplete 方法:

在 onComplete() 里面有上传后的调用

此方法尝试访问从 iFrame 中的服务器返回的内容被阻止。在这种情况下,似乎 Spring 安全标头不起作用。有一个抛出错误的捕获(e):

未捕获的 DOMException:阻止具有源“ http://localhost:8080 ”的框架访问跨域框架。(...)

有谁知道如何解决这个问题?我可以禁用 Muitipart 解析器并接受完整的文件,并在我的自定义代码中进行大小验证。如果文件超过大小,首先阻止文件上传更有意义。这是 Spring security 4 还是 ExtJs6 问题?

0 投票
3 回答
1271 浏览

javascript - Extjs 6 网格 + JSON

我有这个 JSON:

这是我的商店:

这是我的网格:

但是这段代码不起作用。我没有在我的网格上显示 JSON 数据。我认为问题在于我没有达到 JSON 元素。
我怎样才能达到这些元素?(aaa.data.id、aaa.data.name、aaa.data.email 不工作)