问题标签 [extjs-grid]
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.
javascript - ExtJS:使用同一存储的主从网格
我是 ExtJS 的新手,正在努力寻找解决方法。我目前正在制作 POC 并且卡在一个点上。
我正在尝试创建一个主详细信息页面,其中包含一个主网格和一些详细的选项卡,每个选项卡都有一个表单或网格。从顶部的主网格中选择记录后,应填充详细的网格。问题是,我想对两个网格(主和详细信息)使用相同的存储,因为我希望能够进行更改(添加主行、添加详细行、删除行等),然后将这些更改保存为批处理. 甚至可能吗?如果是,我应该如何实现它?我必须使用同一家商店还是可以通过其他方式进行批量编辑?
到目前为止,我已经尝试将当前选定的行绑定到 ViewModel(根据这个问题)并尝试以下将数据绑定到详细网格
有什么帮助吗?
更新1:
在我的商店中,我的数据采用以下格式(因此主从相同的商店)
更新 2:
这就是我想要达到的目标。我想将存储用于主从数据。是否可以?如果是,如何?
更新 3
我创建了一个小提琴来进一步澄清我的要求
javascript - ExtJS:无限滚动不起作用
我正在尝试用无限滚动制作一个网格。我在这里按照示例进行操作, 但是当我运行该应用程序时,控制台中出现以下错误
不支持verticalScroller 配置
我正在使用 ExtJS 6.0.1 经典版。
下面是我的网格和存储配置
店铺
网格
extjs - extjs 嵌套数据网格过滤器和重新加载在 viewModel 上不起作用
为什么不工作过滤器并重新加载存储网格...数据是嵌套的..我希望父母使用代理模型..
嵌套数据 json
服务器 ssssssssssssss
模型.计划.计划
模型.计划.Taksitler
store.plan.taksitler
商店.计划.计划
网格
extjs - 如何使 ExtJS 网格摘要功能显示在网格标题上方
我知道可以使用网格的摘要插件并将其停靠在网格的底部或顶部(在标题部分下方),但是我想知道这是否可能以及如何将摘要放在网格标题的正上方..
谢谢。
javascript - Extjs 显示网格表
嗨,我开始了解 extjs。我偶然发现了我无法解决的第一个问题。我使用管理模板。我通过添加 NavigationTree 另一个项目来创建一个新页面:
项目名称/src/store/NavigationTree.js:
项目名称/src/view/test/test.js:
ProjectName/src/view/test/TestController.js:
项目名称/src/view/test/TestModel.js:
projectNameBi/src/view/BIViews.js:
这段代码在得到这样一个结果的地方获取数据:
https://postimg.org/image/hf5b0ac5v/
我想让这些数据以分页形式呈现在表格中。我如何实现这一目标?我在向你寻求帮助。
我将 BIViews.js 更改为:
我看到一个表头,但是数据没有加载,怎么了?
javascript - ExtJS 6中网格单元格中组合的默认选择
我有网格面板,其中一些列单元格需要显示组合框。
我有不同的服务来加载网格和组合数据。我在记录中有不同的字段来显示网格单元格行中的值。
我想从网格行记录的组合中显示默认值。
一个想法是,首先我加载并将存储绑定到组合并从网格行单元格值中找到记录,然后使用组合设置值。
我不确定在渲染网格数据时将存储绑定到组合是可行的方法。这会影响性能吗?
请建议。
extjs - Ext js 6:网格不显示新插入项目的所有字段
我有以下型号和商店。
模型:
});
店铺:
});
我使用网格面板来列出这个模型。但是我通过另一种形式创建新模型。
在网格中我定义商店:
并且表单的提交处理程序具有实现:
因此记录立即出现在网格面板中,但没有 createdDate 字段值。该值来自服务器响应。
当我得到服务器响应时,如何在网格面板中更新此记录?
extjs - 在 ExtJs 6.2 中,包含项目的列不考虑其 flex 属性,是否有解决方法?
在 ExtJs 6.2中,Sencha 论坛中描述了一个错误。
从 6.2+ 开始,Ext.grid.Panel 在使用列项时会忽略 flex。
重现问题的步骤: 在小提琴中创建一个网格 6.2+ 添加没有项目的列和 flex:1 klick 在小提琴中运行,它看起来很好 使用 flex:1 klick 在列中添加一个项目再次在小提琴中运行一个 flex 将得到无视!
预期的结果:我希望该列能够弯曲。
而是发生的结果:该列将以最小大小呈现。
该线程说这将在夜间构建中得到纠正,但 ExtJs 6.2.1 在 GPL 版本中尚不可用。这个问题有解决方法吗?
或者是否可以让某人发布带有错误修复的覆盖?
编辑:额外的见解
查看绑定到列和网格的事件,我可以断言错误发生在afterrender
事件 ( column.flex = 1
) 和afterlayout
事件 ( column.flex = null
) 之间。我不太了解 ExtJs 的布局运行细节,所以我对如何进一步缩小可能存在违规代码的位置缺乏想法。如果有人可以在这个方向上给出提示而不是完整的答案,那么也欢迎他们。
extjs - Ext Js Grid 在第二页上显示第一页记录
Ext js grid 最初显示首页记录,很棒;但是当单击下一页按钮时,请求将发送到服务器,服务器也返回第二页数据,但网格不显示第二页内容,它只显示第一页内容,但页面栏显示我们在第二页。
我的店铺是:
我的网格是:
extjs - 为什么 ExtJs 6 中的列不再可调整大小
在 ExtJs 4 中,a 中的所有列Ext.grid.Panel
都可以自动调整大小。升级到 ExtJs 6.2 后,无法再调整 te 列的大小。光标仍将变为resize
,但不再调整大小。
我查看了Column.resizable 的文档,它resizable: true
仍然是默认值。
那么,为什么调整大小不再起作用?
编辑:我观察到与边框布局的拆分器相同的行为:光标变为resize
,但我无法拖动拆分器。