标签: gridpanel

Extjs多重继承?

我有一个关于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

如果您认为自己有更好的解决方案,请再次提供有用的建议:)谢谢!

javascript inheritance extjs gridpanel

5
推荐指数
1
解决办法
4599
查看次数

Gridpanel在分页时丢失了过滤器

我有一个jsonStore绑定到gridpanel与分页工具栏和一些自定义过滤器.但每当我使用分页时,所有过滤器都会丢失.我怎么能保留它们?

paging extjs filter gridpanel

5
推荐指数
1
解决办法
983
查看次数

ExtJS网格面板 - 每行多个"行"?

我们有一个ExtJS网格面板,它已经增长到包含太多列(imo),所以我正在考虑将一些数据包含到主行的"子行"中.喜欢:

Data1 | Data2 | Data3 | Data4 | Data5
  跨越
Data1 |的一些其他数据 Data2 | Data3 | Data4 | Data5
  跨越的一些额外数据

我知道这个expander插件,但我们不需要扩展/折叠功能,并且总是需要打开子行.

有什么想法或想法吗?

提前致谢.

grid extjs gridpanel extjs4

5
推荐指数
1
解决办法
9206
查看次数

我可以强制JavaFX的GridPane均匀分配空间吗?

在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)

layout gridpanel javafx-2

5
推荐指数
1
解决办法
3148
查看次数

在Extjs中删除GridPanel的headertoolbar

我有一个GridPanelin Extjs,我只想删除或隐藏其标题工具栏.(标题和搜索框所在的工具栏).我只想将Gridpanels第一个元素作为列标题.我该怎么做?

javascript extjs gridpanel

4
推荐指数
1
解决办法
6982
查看次数

如何在GridPanel上禁用LoadMask

我有一个每隔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)

extjs gridpanel

4
推荐指数
2
解决办法
9707
查看次数

Extjs4在每个列上设置工具提示悬停在gridPanel中

我正在获取当前列的每一行鼠标悬停的工具提示,但我无法获得下一列工具提示继续悬停在同一行上.

但是如果我将鼠标悬停在另一行并再次悬停在前一行的任何列上,我可以使用以下内容:

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)

任何人都可以告诉我我缺少的东西或指向我正确的方向吗?

tooltip gridpanel extjs4

3
推荐指数
2
解决办法
2万
查看次数

分页工具栏刷新等效

这应该很简单,但我还没有任何解决方案.我正在使用ExtJs v.3.3.1

我有一个允许删除记录的网格面板.网格具有附加到面板商店的分页工具栏.

删除过程向服务器发送ajax请求,成功后我从Db中删除记录,该记录用于在网格中显示记录.

我的问题是,当我删除记录时,它有时会立即显示效果,但有时则不会.记录从DB中删除但是从网格面板中删除它有时不会立即删除.但是当我点击刷新按钮时,它会显示DB的当前状态,表示每次都能正常工作.

我曾经Ext.getCmp('id-pagingtoobar').doRefresh()表示立即生效,但这并不是每次都有效.

有人有解决方案吗?

paging extjs toolbar gridpanel

2
推荐指数
1
解决办法
8643
查看次数

使用percentHeight时javafx 2 gridpane行重叠

我正在尝试在 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)

有人遇到过这个问题吗?我做错什么了吗?

java layout javafx gridpanel javafx-2

2
推荐指数
1
解决办法
2456
查看次数

如何只从Ext js Grid商店获取已删除的记录?

我有一个网格存储,我可以使用

var modifiedData = store.getModifiedData();

现在我想要删除记录(我正在使用ExtJs 3).

我试过使用,var deletedData = store.getRemovedRecords();但我猜这个属性在ExtJs 4中可用.

我只想获取从网格中删除的记录.任何帮助,将不胜感激.

extjs gridpanel extjs3

2
推荐指数
1
解决办法
2563
查看次数

extjs 5网格的滚动条在边框布局面板中不起作用

在边框布局面板中,即使网格存储足够长以使网格溢出,网格的滚动条也无法正常工作!

如果我的网格在无边框布局面板中,滚动条就可以了,但是当我将网格放在边框布局面板中时,要么没有滚动条,要么滚动条无效!

{
        // 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

如果有人可以帮助给网格一个正确的滚动条?

grid scrollbar gridpanel extjs5

2
推荐指数
1
解决办法
5616
查看次数

选中extjs中gridpanel中的所有复选框

我想在网格面板中检查Ext.grid.CheckColumn所做的所有复选框,我可以知道是否有任何简单的方法可以做到这一点?我已经尝试将类添加到复选框(Ext.grid.CheckColumn),但它似乎不起作用.

非常感谢!

checkbox extjs gridpanel

1
推荐指数
1
解决办法
1万
查看次数

EXTJS 4 Json在网格面板中嵌套数据

这个主题已在网上多次讨论,但所有主题都没有帮助我解决我的问题.我的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)

json nested model gridpanel extjs4

0
推荐指数
1
解决办法
9342
查看次数