我有一个关于ExtJS中的多重继承的问题.虽然我知道我可以简单地复制代码以使其发生,但我想知道是否有任何方法可以更有效地编码它.
GridPanel我的框架中有一个自定义组件,称为Kore.ux.grid.GridPanel.它扩展Ext.GridPanel了额外的通用功能,并为REST操作提供接口.
不久之后,我的同事希望也必须EditorGridPanel以同样的方式实现,即,她希望它是可编辑的,同时,能够轻松地执行REST操作.
我的问题是,有什么办法可以扩展Ext.EditorGridPanel以采用定制的Kore.ux.grid.GridPanel功能吗?
对不起任何语法错误,如果它令人困惑我可以改写它.谢谢!!
编辑
我再次搜索,我发现线程说这是不可能的.如果我有这个问题,我应该遵循更好的编码模式吗?
谢谢!
再次编辑
很抱歉,我找到了适合我的结构..这是我发现对我有用的方法:
var Common = function(){} //abstract class
Ext.apply(Common.prototype, {
a : function(){},
b: function(){}...
});
Ext.ux.SomePanelA = Ext.extend ( Ext.Panel, {
stuff : ............
});
Ext.ux.SomePanelB = Ext.extend ( Ext.Panel, {
diffStuff : ............
});
Ext.applyIf(Ext.ux.SomePanelA.prototype, Common.prototype);
Ext.apply(Ext.ux.SomePanelB.prototype, Common.prototype);
Run Code Online (Sandbox Code Playgroud)
代码来源:http://www.sencha.com/forum/showthread.php?48000- multiple-inheritance&p = 228271&viewfull = 1# post228271
如果您认为自己有更好的解决方案,请再次提供有用的建议:)谢谢!
我有一个jsonStore绑定到gridpanel与分页工具栏和一些自定义过滤器.但每当我使用分页时,所有过滤器都会丢失.我怎么能保留它们?
我们有一个ExtJS网格面板,它已经增长到包含太多列(imo),所以我正在考虑将一些数据包含到主行的"子行"中.喜欢:
Data1 | Data2 | Data3 | Data4 | Data5
跨越
Data1 |的一些其他数据 Data2 | Data3 | Data4 | Data5
跨越的一些额外数据
我知道这个expander插件,但我们不需要扩展/折叠功能,并且总是需要打开子行.
有什么想法或想法吗?
提前致谢.
在JavaFX 2中使用GirdPanes时,我面临一些奇怪的布局行为.虽然它通常似乎在多个字段之间均匀地分布水平空间,但在其他一些情况下却不会这样做.以下是显示效果的示例:
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Control;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
public class TestDialog extends Stage {
public TestDialog() {
super();
setTitle("Test");
GridPane grid = new GridPane();
grid.setHgap(5);
grid.setVgap(5);
grid.setPadding(new Insets(10, 10, 10, 10));
final TextField tField1 = new TextField();
final TextField tField2 = new TextField();
tField2.setMaxWidth(200);
grid.add(createLabel("Field 1:"), 0, 0);
grid.add(tField1, 1, 0);
grid.add(createLabel("Field 2:"), 2, 0);
grid.add(tField2, 3, 0);
Pane pane = new Pane();
// pane.setMinSize(600, 100); // first …Run Code Online (Sandbox Code Playgroud) 我有一个GridPanelin Extjs,我只想删除或隐藏其标题工具栏.(标题和搜索框所在的工具栏).我只想将Gridpanels第一个元素作为列标题.我该怎么做?
我有一个每隔10秒更新一次的GridPanel.
var refreshEnvironmentsStoreTask = {
run: function() {
this.getEnvironmentsStore().load()
},
scope: this,
interval: 10000 //10 second
}
Ext.TaskManager.start(refreshEnvironmentsStoreTask);
Run Code Online (Sandbox Code Playgroud)
由于频繁更新网格出现闪烁.我想禁用LoadMask但下一个代码不起作用:
Ext.define('MyGrid' ,{
extend: 'Ext.grid.Panel',
store : 'Environments',
viewConfig: {
loadMask: false
}
});
Run Code Online (Sandbox Code Playgroud) 我正在获取当前列的每一行鼠标悬停的工具提示,但我无法获得下一列工具提示继续悬停在同一行上.
但是如果我将鼠标悬停在另一行并再次悬停在前一行的任何列上,我可以使用以下内容:
listeners:{
'itemmouseenter': function (view, record, item, index, e, eOpts) {
var gridColums = view.getGridColumns();
var column = gridColums[e.getTarget(this.view.cellSelector).cellIndex];
Ext.fly(item).set({ 'data-qtip': 'Des:' + column.dataIndex });
}
}
Run Code Online (Sandbox Code Playgroud)
任何人都可以告诉我我缺少的东西或指向我正确的方向吗?
这应该很简单,但我还没有任何解决方案.我正在使用ExtJs v.3.3.1
我有一个允许删除记录的网格面板.网格具有附加到面板商店的分页工具栏.
删除过程向服务器发送ajax请求,成功后我从Db中删除记录,该记录用于在网格中显示记录.
我的问题是,当我删除记录时,它有时会立即显示效果,但有时则不会.记录从DB中删除但是从网格面板中删除它有时不会立即删除.但是当我点击刷新按钮时,它会显示DB的当前状态,表示每次都能正常工作.
我曾经Ext.getCmp('id-pagingtoobar').doRefresh()表示立即生效,但这并不是每次都有效.
有人有解决方案吗?
我正在尝试在 JavaFX 中布局屏幕,但在使用 GridPane 时遇到问题。我有 2 行 - 其中一行设置为 80,另一行设置为 20,但我看到的是一行与另一行重叠
这是一个小插图(如果你可以这样称呼它:)),希望能够演示我的意思(数字表示行号,“*”表示重叠)
1 label1 <--- belongs to row 1
1 list1
1 |
1 |
1 |
12 | * label2 <--- belongs to row 2
12 | * list2
2 |
2 |
Run Code Online (Sandbox Code Playgroud)
有人遇到过这个问题吗?我做错什么了吗?
我有一个网格存储,我可以使用
var modifiedData = store.getModifiedData();
现在我想要删除记录(我正在使用ExtJs 3).
我试过使用,var deletedData = store.getRemovedRecords();但我猜这个属性在ExtJs 4中可用.
我只想获取从网格中删除的记录.任何帮助,将不胜感激.
在边框布局面板中,即使网格存储足够长以使网格溢出,网格的滚动条也无法正常工作!
如果我的网格在无边框布局面板中,滚动条就可以了,但是当我将网格放在边框布局面板中时,要么没有滚动条,要么滚动条无效!
{
// what i want is to make this grid to scroll ! the scroll-bar is nested in a border layout panel.
xtype: 'grid',
title: 'west bottom grid(I am begging for your scrollbar !)',
columns: [{
text: 'header',
dataIndex: 'header'
}],
store: Ext.create('MyApp.OverflowStore'), //this store is long enough to make the grid overflow
autoScroll: true
}
Run Code Online (Sandbox Code Playgroud)
完整代码:请参阅sencha小提琴:https://fiddle.sencha.com/#fiddle/ffv
如果有人可以帮助给网格一个正确的滚动条?
我想在网格面板中检查Ext.grid.CheckColumn所做的所有复选框,我可以知道是否有任何简单的方法可以做到这一点?我已经尝试将类添加到复选框(Ext.grid.CheckColumn),但它似乎不起作用.
非常感谢!
这个主题已在网上多次讨论,但所有主题都没有帮助我解决我的问题.我的javascript代码接收JSON嵌套数据.所有JSON数据1级数据都在网格面板中转录,但所有子数据都没有.我尝试了很多方法,但不可能.这就是我要求你帮助我的原因.
我的JSON:
{
"success":true,
"error":false,
"redirectUrl":null,
"fund":[{
"cat_id":1,
"catname":"Europe OE Japan Large-Cap Equity",
"region":{
"region_id":2,
"region_name":"JAPAN"
}
},{
"cat_id":2,
"catname":"Europe OE Europe Large-Cap Growth Equity",
"region":{
"region_id":1,
"region_name":"EUROPE"
}
}]
}
Run Code Online (Sandbox Code Playgroud)
我的型号:
var Recommended = new function() {
this.DataModel = function() {
Ext.define('Fund', {
extend: 'Ext.data.Model',
fields: [{
name: 'catname',
type: 'string'
},{
name: 'cat_id',
type: 'int'
}],
proxy :{
type: 'rest',
url: application +'directory/function',
reader: {
type: 'json',
root: 'fund'
}
},
associations: [{
type: 'hasOne',
model: 'Region',
primaryKey: …Run Code Online (Sandbox Code Playgroud)