标签: extjs4

我正在使用 Ext.window.Window 并且我不想要窗口中的框架。

该窗口具有属性“frameHeader”（true 或 false），但我更改了它，而我的窗口没有更改任何内容..

我能做些什么来删除窗口标题？

如何更改视口extjs的单个区域背景颜色4.这是我的代码.

{
    region: 'south',
    title: 'South Panel',
    collapsible: true,
    html: 'Information goes here',
    split: true,
    height: 100,
    minHeight: 100
}, {
    region: 'east',
    title: 'East Panel',
    collapsible: true,
    split: true,
    width: 150
}

现在请告诉我.

我正在尝试加载一个JSON数据,该数据由AJAX请求回复到网格.我的店铺定义:

Ext.define('Report.store.CustomerDataStore', {
    extend: 'Ext.data.Store',
    requires: [
        'Report.model.Customer'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            autoLoad: false,
            storeId: 'CustomerDataStore',
            model: 'Report.model.Customer',
            proxy: {
                type: 'ajax',
                url: '',
                reader: {
                    type: 'json',
                    root: 'data',
                    record: 'fields'
                }
            }
        }, cfg)]);
    }
});

我的应用程序中有一个按钮,定义如下:

xtype: 'button',
handler: function(button, event) {
    var queryform = this.up('form').getForm();
    var me = this;
    if(queryform.isValid())
    {
        Ext.Ajax.request({
            url: 'customers/',    // where you wanna post
            success: function(response) {
                var mystore = Ext.data.StoreManager.lookup('CustomerDataStore'); …

我有一些严重的问题试图在extjs 4.07中为我的用户界面布置一些按钮我有一个基本布局,我想改变,但每次我改变一些东西我的按钮消失,或者一个占用整个面板,或基于我输入的配置没有任何意义的其他内容.我需要帮助.这是代码:

{xtype:'panel',
  columnWidth:.06,
  layout:'vbox',
  items:[
    {xtype:'button', text:'=>', action'moveOver'},
    {xtype:'button', text:'<=', action'moveBack'},
    {xtype:'button', text:'reset', action'reset'}
  ]
}

以下是我所拥有的,而不是我想要的面板.

是)我有的:

[----------]
[[=>]      ]
[[<=]      ]
[[RS]      ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[----------]

我想要的是这样的:

[----------]
[          ]
[   [=>]   ]
[          ]
[   [<=]   ]
[          ]
[   [RS]   ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ] …

在ExtJs MVC中有没有办法在控制器中放置一个按钮处理程序,如下所示:

this.control({
    'storage_settings button[action=submit_settings]': {
     handler: this.submit_settings_handler
  })

或者我是否必须使用其他类似click活动的东西？

我在这样的extjs中有一个模型:

Ext.define('Game', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'id', type: 'int' },
        { name: 'Name', type: 'string' },
        //{ name: 'levels' , type:'array'},
    ]
});

我想将此模型用于网格存储,但它的第三个属性

// {name:'levels',type:'array'}

是一个数据数组,我想在动态创建的网格列中显示它们.我想也许关于extjs模型的关联可能会给我一个解决方案,但我很困惑如何使用它们.任何解决方案都会受到关注.

我正在使用MVC Extjs,我希望在按钮的click事件上运行两个不同的函数.到目前为止这是我的控制器代码:

Ext.define('MyApp.controller.myController', {
    extend: 'Ext.app.Controller',

    runFirst: function(button, e, options) {
        console.log('first function is running');
    },

    runSecond: function(button, e, options) {
        console.log('second function is running');
    },


    init: function(application) {
        this.control({
            "#myButton": {
                click: this.runFirst, runSecond //THIS PART DOESN'T WORK :(
            }
        });
    }

});

当我点击myButton时,我无法同时运行runFirst并runSecond运行.

您可以在此处下载所有代码:https://github.com/nitzaalfinas/Extjs-run-2-function-with-one-click/tree/one

你能告诉我如何在单击按钮上运行两个功能吗？

我正在尝试将应用程序移植Flex 3到Sencha Ext JS 4.此应用程序有一个带有柱形图的仪表板(请看下面的第一张图).它的值xField有点长文本.

尽可能地,我不希望我的标签被旋转.好吧,我认为这有点混乱.如果可能的话,我希望我的标签在不适合的情况下交替定位.

label : {
    rotate : {degrees:45}
}

下图是我的Sencha自定义图表.大部分Category标签都没有显示.

我正在考虑自定义onPlaceLabel功能,但我不知道如何这样做.我该怎么做才能实现我所需要的？

我有一个带有以下模板的ExtJS DataView：

<ul>
    <tpl for=".">
        <li class="report-field" id="{listId}">
            {[this.getReorderLinks(values, xindex, xcount)]}
            <span class="field-title small" data-qtip="{displayName}">{displayName}</span>
            <i class="field-remove" title="' + deleteLabel + '"></i>
        </li>
    </tpl>
</ul>

这使得每个项目列表如下所示：

用户可以在其中单击不同的图标并执行相关操作，依次向上/向下移动并删除。

请注意，这些项目是通过拖放操作添加到dataview的，这里还有另一个源dataview容器，我可以从中拖动这些项目并添加到此处。虽然这些向上/向下箭头可以很好地对它们进行重新排序，但我想在内部使用拖放功能对这些项目进行重新排序。

因此，为了使每个项目都可在同一区域中拖放，我使用refreshdataview事件和在此处注册的DND如下：

listeners: {
    'refresh': function(dataview, eOpts) {
        var fieldsList = Ext.query('.added-field');

        // Iterate over the list and make each item draggable/droppable.
        Ext.each(fieldsList,function(field){
            var dragSource,
                fieldId;

            fieldId = field.id;

            dragSource = new Ext.dd.DragSource(field, {
                isTarget  : false
            });

            dropZone = new Ext.dd.DropTarget(field);

            dragSource.dragData = {
                record: me.viewStore.findRecord('listId', fieldId),
                fieldId: fieldId
            }; …

我正在寻找带有搜索/过滤选项的ExtJS项目选择器.是否有现有的插件或实现它的任何想法？由于itemselector内部使用Multiselect,我是否需要在Multiselect上实现我自己的版本？