我们在我们的应用程序中使用ExtJS4.但是我们正面临着hbox布局的问题.我们需要从右侧移动项目.通常在ExtJS4中,hbox布局中的项目从左侧开始并向右侧移动.但我们需要从右侧开始向左侧移动.我认为我们需要更改ExtJS4库中的顺序(框布局).

ExtJS4框布局是:

/*

This file is part of Ext JS 4

Copyright (c) 2011 Sencha Inc

Contact:  http://www.sencha.com/contact

GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.

If you …

码:

this.searchField = new Ext.form.Text({
            displayField: 'name',
            valueField: 'name',
            editable: true,
            forceSelection: true,
            triggerAction: 'all',
            emptyText: 'Search...',
            selectOnFocus: true
    });

this.searchButton = new Ext.Button({// The button press will invoke the search action
        text: 'Go',
        handler: this.searchButtonTap,
        scope: this
    });

    this.topToolbar = new Ext.Toolbar({
                   items: [
                { xtype: 'spacer' },    
                    this.searchField,
                    this.searchButton,
                    { xtype: 'spacer' },
                ]
        });

searchButtonTap: function () {

        var searchText = this.searchField.getValue();
        console.log(searchText);
        //console.log(this.myappsList.store.getCount());
        console.log(this.myappsList.store.filter('name', searchText));
        //this.myappsList.store.filter(searchText);

    },

在我的模型中,我有四个领域:

姓名,年龄,性别,Charecteristic

我在这里尝试的是:

在页面上的列表中显示我的数据库的内容,因为列表很长我想搜索,当用户在搜索字段中写入查询并按下搜索按钮时,searchButtonTap 调用处理程序,尝试过滤并显示列表类似于查询中的名称我也尝试过,filterBy但这也没有用.请让我知道什么是错的？

谢谢.

我正在尝试将我的mvc应用程序部署到我的大型Web应用程序中.我已经定义了app文件夹,并且可以在fire bug中看到它正在调用正确的文件,但初始视图除外.所以

"App.view.Jobs"正在打电话

HTTPS://www.estore.localhost/Jobs/Edit/ext/jobs/App/view/Jobs.js _dc = 1328471746967

什么时候我想打电话

HTTPS://www.estore.localhost/ext/jobs/App/view/Jobs.js _dc = 1328471746967

  Ext.Loader.setConfig({ enabled: true });
    Ext.application({

        name: 'MyApp',
        appFolder: '/ext/jobs/app',

        models: ['Part', 'Material', 'Job', 'Process'],
        stores: ['SalesContact', 'Parts', 'Materials', 'Jobs', 'AccountHandlers', 'JobTypes', 'Processs', 'Artwork', 'Varnish', 'VarnishType', 'PrintType', 'ProofRequired', 'InvoiceDetails', 'PurchaseOrders'],
        controllers: ['Part', 'Material', 'Job', 'Process', 'Invoice'],

        launch: function () {

            Ext.QuickTips.init();
            var cmp1 = Ext.create('App.view.Jobs', {
                renderTo: "form-job"
            });
            cmp1.show();
        }

    });

我需要Global Variables在类中有一组,并且需要从其他类访问它.我有以下问题,有人可以帮帮我吗？

1.)我应该添加什么类型的课程？是一个View？有人可以举个例子吗？2.)如何从我Controller和View类中为此类中的变量设置值？3.)如何从此类(global variable类)中检索这些变量的值？

注意:我知道如何将其添加到app.js其他类中并从中读取/读取.但我想为全局变量设一个单独的类.

我们已经使用ExtJs很长一段时间了,现在,随着MVC模式的出现,我们面临着一个关键问题,即在未来的时代是否使用它,因为我们一直遵循的方法.

在我们的应用程序中,我们有类似的屏幕,例如40个用于生成报告的类似屏幕等等.这些报告屏幕将具有带按钮的表单 - PDF,CSV,EXCEL.所有按钮在每个屏幕上都具有相同的功能,即将表单提交到URL并生成特定报告.

我们一直遵循的方法是创建一个自定义类,例如reportscreen类,它扩展了ExtJs的窗口类.

此自定义报告屏幕类已经具有定义其处理程序的按钮(假设所有屏幕的功能类似于它们),并且还将具有带有函数setFormItems()的表单.此类的任何实例都将使用setFormItems()和用于生成报告的url为表单提供项.

这种方法不仅有助于我们在很大程度上减少开发工作,而且甚至允许团队的新成员使用该类并创建新的屏幕.

现在MVC是最受欢迎的模式,上面分享的方法肯定不是按照MVC模式.但是,我们是否需要真正转向MVC模式？

使用上述方法,我们不仅可以节省工作量,还可以更好地控制事物.

提出这个问题的目的是了解如果我们使用MVC模式实现上述场景并远离我们当前的方法,我们将获得的确切优势.

那么,MVC会在上面的上下文中带来什么额外的东西呢？而且,在MVC模式中实现这样的事情的最佳方式是什么？

在此先感谢您的帮助.

从服务器我收到这样的数据:

expirationDate : "2014-08-27T22:00:00.000+0000"

在模型I的MVC ExtJS 4中有这样的:

fields: [ 
    ...
    {name: "expirationDate", type: Ext.data.Types.DATE, dateFormat:"yyyy-MM-dd'T'HH:mm:ss.SSSz"},
    ...

但主要问题是dateFormat.我应该选择哪个日期样本？这个不正确

这是我的Store类.我正在尝试完成POST请求.这是我的代码; 一切正常,当我从Firebug检查时,我也得到服务器响应.但唯一的问题是当我检查Params tabfirefox我看到的时候_dc 1341141752113,当我检查Post tab萤火虫时,我看到了

limit   25
page    1
start   0

1.)这些是我没有通过我的代码的一些pamaters.我为什么要这些？

Ext.define('Pro.store.Animal',{
    extend:'Ext.data.Store',
    model:'Pro.model.Animal',

    proxy: {
        actionMethods : {

            read   : 'POST'
        },
        type: 'ajax',
        url : '/projectmy/animal.php'

    }

    });

2.)如果我想将参数传递给PHP文件,我应该如何编辑我的代码来传递参数？

我的网格中有一个状态栏.现在我需要在状态栏上添加一个图标,并在该图标旁边添加文字.但我可以在onstatusbar上设置文字而不是图标.有人可以帮我这个吗？!这是我的代码如下:

weekSelectionChange: function(model, records){
    var record = records[0];
    if(record){
        var activeFlag = record.data.activeFlag,
        statuslabel = Ext.getCmp('showgridstatusbar'),
        cashPayLabel = Ext.getCmp('cashPayLabel'),
        lateFeeLabel = Ext.getCmp('lateFeeLabel'),
        icon  = '${resource(dir: "images", file: "TIC01001.png")}',
        status = activeFlag ? '<span style="color:black;font-weight:bold">Installment Status &raquo;  </span>  <span style="color:green;font-weight:bold">Paid</span>' : '<span style="color:black;font-weight:bold">Installment Status &raquo;  </span>  <span style="color:red;font-weight:bold">Due !</span>';
        statuslabel.setIcon(icon);
    }
}

下面,您将看到我在Sencha ExtJS MVC应用程序中创建的MVC视图的JavaScript异常.我有另一个MVC视图扩展'Ext.tree.Panel',它读​​取一个简单的JSON对象而不是通过Ext.Direct代理和.NET服务器端堆栈提取数据,但唯一不同的是代理实现和当然我们的MVC控制器逻辑.在静态(JSON)实现中,我们的代理在模型中定义.在动态(Ext.Direct)实现中,我们的代理在商店中定义.在浏览器崩溃之前,TreeStructures.js(存储)JavaScript文件一直被请求无限次.请参阅下面的例外情况.

我非常怀疑这是一个Ext.Direct问题,因为我有其他商店在这个架构上工作得很好.我看到了[Ext.Loader]异常,但我不确定为什么会不断重复每个新的TreeStructures.js请求.或者在哪里实现这一要求.我的理解是app.js定义了控制器.然后控制器将模型定义为商店.Viewport定义并实例化其他MVC视图.我的"其他观点"是树视图.视图实现了商店.

此外,Sencha Cmd"sencha app build"命令无效.通常我的应用程序编译没有任何问题,因此在这个动态树所必需的商店或MVC配置中肯定缺少某些东西.

JavaScript控制台中的异常:

[Ext.Loader] Synchronously loading 'MyApp.store.TreeStructures'; consider adding Ext.require('MyApp.store.TreeStructures') above Ext.onReady

浏览器因此JavaScript异常而崩溃:

注意:TreeStructures.js(存储)JavaScript文件一直被请求无限次,直到浏览器崩溃为止:

Uncaught RangeError: Maximum call stack size exceeded

Sencha Cmd错误(在调用"sencha app build"命令后):

[ERR] failed to find meta class definition for name MyApp.store.TreeStructures
[ERR] def was null
[ERR] C2008: Requirement had no matching files <MyApp.store.TreeStructures> -- unknown-file:-1

静态树实现(读取JSON对象以获取数据):

Ext.define('MyApp.store.Categories', {
    extend : 'Ext.data.TreeStore',
    model : 'MyApp.model.Category',
    autoLoad : true,
    root : {
        text : 'All',
        alias : '',
        expanded : true
    } …

嗨我试图获得组件位置,但我发现getXY()将在不同的事件中显示不同的位置.

像这个样本,小提琴

init: function() {
    var me = this;

    me.control({
        'textfield[itemId=field]': {
            change: me.changeField,
            focus: me.focusField,
            afterrender: me.afterRenderField
        }

    });

},

focusField: function(field, event) {
    console.log(field.getXY());
},

changeField: function(field, newValue, oldValue) {
    console.log(field.getXY());
},

afterRenderField: function(field) {
    console.log(field.getXY());
}

我认为正确的立场是关注焦点和改变事件.为何后悔不同？

我想在组件渲染后做一些事情,所以我需要获得正确的位置.