小编sra*_*sra的帖子

我想在文本字段(文本字段右侧的x)中实现X按钮以清除输入的文本.我见过很多具有此功能的extjs应用程序.我该怎么做呢？任何建议或评论都会非常感激......谢谢

它看起来像这样......

我有一个多行文本框,我将在其中输入许多电子邮件地址.如何在客户端验证多个电子邮件地址的电子邮件地址.我使用RegularExpressionValidator来验证文本框中的电子邮件.

谢谢

我有以下型号:

Ext.define('Gst.model.Order', {
    extend: 'Ext.data.Model',
    idProperty: 'id',
    fields: [
        { name: 'id', type: 'string' } 
    ]
});     

我的问题是订单模型的ID是用户定义的.因此,创建新订单实例并将其插入订单商店的代码将是:

order = Ext.create('Gst.model.Order', {'id': 'someuserdefinedvalue'}); 
store.insert(0, order);

发生的情况是因为idProperty由用户提供,然后订单没有标记为幻像,因此不被视为脏.因此,没有向服务器发出POST.如果我手动将订单设置为幻像和脏,那么当我将订单插入商店时,我可以触发POST,如:

order = Ext.create('Gst.model.Order', {'id': 'someuserdefinedID'});
order.phantom = true;
order.setDirty(); 
store.insert(0, order);

这样会很好,但是我的服务器端代码使用REST控制器并且期望​​POST不具有和在URL中的id.因此,虽然请求extJS问题是

POST http://app.local/api/order/someuserdefinedID.json

虽然我的服务器寻找的格式是

POST http://app.local/api/order.json

因此,解决这个问题的唯一方法就是创建一个订单并设置phantom = true并调用setDirty().这将导致发出POST,然后在我的RestProxy中覆盖buildUrl:使用逻辑来测试POST请求并从url中删除idProperty.

这对我来说似乎是一个丑陋的工作,并想知道是否有更好的方法？

我想我的问题是:处理这样的事情的最佳方法是什么？

我需要根据分页工具栏中的刷新按钮编写一些操作.我该如何覆盖该doRefresh()方法？

this.bbar=Ext.create('Ext.PagingToolbar', {
      store: store,
      displayInfo: true,
      displayMsg: 'Displaying records {0} - {1} of {2}',
      emptyMsg: "No topics to display" 
});

我最近听说4.2关于MVC应用程序的工作方式有一些重大变化.我下载了测试版,但API似乎完全相同.任何人都可以向我解释即将到来的变化以及这些有什么关系？如果我更新,我是否需要担心所有控制器都会停止工作？

我想在我的Web应用程序中使用extjs创建类似于开/关按钮的移动设备.我找不到任何样品或解决方案.我想要这样:演示

CSS

/* 
    Created by @JohnieHjelm. I took the liberty of doing this ON/OFF switch
    just to express my love for CSS3. You're free to use this and of course
    I hoped you learned something. Sharing is Caring?
*/

body{
    background:#eee;
}

ul{
    list-style:none;
    width:85px;
    height:26px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-13px 0 0 -42px;
}

ul li{
    float:left;
    line-height:23px;
    font-size:11px;
    padding:2px 10px 0; 

    background: #E5E5E5;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#E5E5E5));
    text-shadow:0 1px 0 #FFF;
    border-left:1px solid #D5D5D5;
    border-top:1px …

我想懒洋洋地将第三方js添加到sencha应用程序,只有在渲染新窗口时,例如单击按钮时,会弹出一个新窗口,当发生这种情况时,还会加载d3.js库js.

要在Ext js中加载新文件,我们可以使用requires键:

requires : ['MyApp.stores.UserStore']

如extjs文档中所述.我们可以为第三方图书馆做这样的事吗？

PS - 我正在使用Ext Js 4.1.0

我正在尝试编写一个可重复使用的项目选择面板,其中用户具有可以从中选择的项目的网格以及可用于过滤网格内容的小文本字段.现在,(简化的)视图代码看起来像这样并且有效.

Ext.define('MyApp.view.items.ItemSelectorPanel', {
    extend: 'Ext.panel.Panel',
    require: 'MyApp.view.items.SimpleItemGrid',
    alias: 'widget.ItemSelectorPanel',
    layout: 'form',

    config: {
        itemStore: false
    },

    constructor: function(config) {
        this.initConfig(config);

        this.superclass.constructor.call(this, config);

        this.add([
            {
                fieldLabel: 'Filter',
                name: 'filter'
            },
            {
                xtype: 'SimpleItemGrid',
                collapsible: true,
                store: this.getItemStore()
            }
        ]);

        return this;
    }
});

如您所见,ItemSelectorPanel使用该config属性公开一个接口,其中调用站点可以指定要使用的项目存储.

呼叫站点(在这种情况下,面板被添加到TabPanel):

var panelToAdd = {
    xtype: 'panel',
    title: 'New Selection',
    closable: true,
    padding: 10,
    items: [{
        title: 'Select node',
        xtype: 'ItemSelectorPanel',
        itemStore: itemStore
    }]
};

现在,我喜欢ExtJS 4的声明式风格以及它如何帮助遵循MVC模式.我希望在视图中可以使用最少量的代码.不幸的是,这不起作用:

Ext.define('MyApp.view.items.ItemSelectorPanel', { …

我正在使用ExtJS4并寻找实现"转到顶部"功能的方法.

即在单击"顶部"按钮时,视图应滚动回到组件的顶部.我怎样才能在ExtJS中实现这一目标？

我正在尝试创建一个Ext.PagingToolbar,它可以在所有主流浏览器中运行,包括IE9和IE 10.但是在IE 8及更低版本中,它最终会出现以下错误.

无法获取未定义或空引用的属性"id"

当我跟踪时,我发现在以下代码中发生错误.

var cm = new Ext.grid.ColumnModel({
    defaults: {
        sortable: true
    },
    columns:
      [
        {
            header: 'Result Set',
            dataIndex: 'result_set_name'
        },
        {
            header: 'Result Date',
            dataIndex: 'result_date',
            xtype: 'datecolumn',
            format: 'm/d/Y',
            dateFormat: 'c'
        },
        {
            header: 'Comments',
            dataIndex: 'comments'
        },
        {
           header: 'Link',
           dataIndex: 'link',
           renderer: function(value, metaData, record, rowIndex, colIndex, store) {return '<a href="'+value+'">'+value+'</a>';}
        },
      ]
});

但我找不到问题的根源和需要做的事情.任何帮助表示赞赏.