我想在一些将输出到视图的文本上使用Ext的String方法.

例如:

itemTpl: [
    ...
    '<tpl switch="post_type">',
    '<tpl case="new_user">',
        '<p>{post_text_teaser}</p>',
        '<p>{timestamp}</p>',
    '<tpl default>',
        '<p>' + Ext.String.ellipsis( + '{post_text_teaser}' + \, 4) + '</p>',
    ...
].join(''),

但当然第10行的连接是非法的.

你知道它是否可能或如何正确地做到这一点？

我是Sencha Touch框架的新手,想要从Sencha Touch 2.0开始,但无法找到任何教程,显示使用MVC Pattern构建的应用程序,特别是在Sencha Touch 2.0版本中.

我听说,仅仅通过使用javascript这一事实,sencha在Android设备上存在性能问题.

我熟悉android webview对象的局限性,但我想知道这些性能声明是否有任何优点,尤其是Sencha Touch 2出局

虽然我没有低端Android设备,但我正在浏览Sencha Touch 2画廊并且无法轻松找到免费的Android应用程序,所以也许你可以用Android上的Sencha Touch 2来解释你的体验以及你做了什么它更快

Sencha touch2和PhoneGap之间的原生包装有什么区别？

许多人使用PhoneGap本机打包基于Sencha touch的app,但我发现Sencha touch 2具有原生包装的新功能.

那么哪种类型的本机包在性能,可伸缩性,功能性,成熟度等方面更好？

你怎么选择？

当我点击屏幕底部的文本字段时,会出现键盘并隐藏活动元素.在iOS上,它完美无缺.

我能够滚动表单,因此文本字段位于可见区域,但这并不好看.我做错了什么或这是一个已知的错误,因为我在Sencha Touch本身的示例中有相同的行为:docs.sencha.com/touch/2-1/touch-build/examples/forms/

如果在这个表格上:

我点击"Bio"的文本字段,键盘隐藏了文本字段,而不是滚动文本字段以使其在输入时可见:

我有一个非常简单的问题,其解决方案结果并非如此简单.
我想在 a 的每个选项前面添加图像selectfield.为了更准确,我想将图像添加到pickerit触发器,还要添加到selectfield的当前值.
为了简单起见,我将创建一个小例子:

比方说,你希望用户在钻石,心形,黑桃和俱乐部这四种扑克牌套装中选择一种.要支持视觉识别,您需要在每个套装名称前面添加相应的符号,因此它看起来像这样:

我首选的一个sencha触摸组件,可以自然地从一组给定的选项中进行选择selectfield.不幸的是,它似乎只能显示纯文本,仅此而已.在深入了解sencha触摸源之后,我终于提出了半个解决方案.基本上,我传递了selectfield一个自定义defaultPhonePickerConfig,其中相应的picker(用于selectfield显示选项)用于分配自定义itemTpl.在itemTpl没有休息,也就是增加了一些HTML来显示图像:

defaultPhonePickerConfig: {
    listeners: {
        initialize: function() {
            var slots = this.query('pickerslot');
            Ext.each(slots, function(slot) {
                slot.setItemTpl('<img src="someImage.jpg"> {text}');
            });

        },

        change: function() {
            // reconstruct the selectfield's change handler,
            // since it gets overwritten
            var iconSelect = Ext.Viewport.query('#IconSelect')[0];
            iconSelect.onPickerChange.apply(iconSelect, arguments);
        }
    }
}

这个解决方案的工作小提琴可以在这里找到.

我的解决方案并不是那么糟糕,但是有一个轻微的cosmetical问题,这对我来说是不可接受的:图标只显示在 …

我有这个控制器:

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

    config: {

    },

    refs: [
        {
            ref: 'first',
            selector: '#first'
        },
        {
            ref: 'second',
            selector: '#second'
        }
    ],

    views : [
        'TestMain',
        'TestSecond'
    ],

     init: function() {
          this.getTestMainView().create();


        this.control({
            '#first': {
                tap: function() {
                    //how do I go to second view here?
                }
            },
            '#second': {
                tap: function() {
                }
            }
        });
    }
});

这两个观点:

    Ext.define('MyApp.view.TestMain', {
    extend: 'Ext.Container',
    xtype: 'testmain',

    config: {
        fullscreen: true,
        layout: 'vbox',
        scrollable: true,
         items: [
                {
                    xtype: 'button',
                    ui: …

我有一个Panel,如果方向改变,需要执行一些Javascript.如何处理sencha-touch-2中的方向更改？

这基本上是我试图开始工作的关键路线

this.on('orientationchange', 'handleOrientationChange', this, {buffer: 50 });

这是上下文.

Ext.define('rpc.view.home.indexView', {
    extend: 'Ext.Panel',
    alias: 'widget.home-indexView',
    config: {
        scrollable: true,
        items: [{
            xtype: 'toolbar',
            title: 'RockPointe Mobile',
            docked: 'top'
        }, {
            xtype: 'panel',
            items: [{
               xtype: 'panel',
                style:'border:1px solid #c4c4c4 !important; border-left:none;border-right:none;',
               items: [{
                   html: '<div style="width:100%; height:150px;"><ol id="AN-sObj-parentOl"><li id="AN-sObj-scene-0"><div class="AN-sObj-stage" id="ext-gen5089"><div class="AN-Object" id="AN-sObj-60"><div id="AN-sObj-val-60"><img src="img/banner-3.jpg" /></div></div><div id="AN-sObj-61"><span>Relentlessly Focused On The Lost</span></div><div id="AN-sObj-62"><span>Passionately Devoted To God</span></div><div id="AN-sObj-63"><span>Deeply Committed To One Another</span></div></div></li></div>'
               }]
            }, {
               xtype: 'container',
               layout: {
                   type: …

如何将单击事件分配给eg. <span id="foo">foo</span>ST2应用程序中的任意span()？

我有一个简单的例子,说明了我想做的事情.在这个例子中,我写了这些字母A,B,C,我想告诉用户他们点击了哪个字母.

这是一张图片:

代码链

Ext.application({

    launch: function() {
        var view = Ext.create('Ext.Container', {

            layout: {
                type: 'vbox'
            },
            items: [{
                html: '<span id="let_a">A</span>  <span id="let_b">B</span> <span style="float:right" id="let_c">C</span>',
                style: 'background-color: #c9c9c9;font-size: 48px;',
                flex: 1
            }]
        });
        Ext.Viewport.add(view);
    }
});

我正在研究如何在Sencha Touch 2中节省内存.我看到了两个选项,我将在下面介绍.

我想得到两个选项之间内存消耗差异的建议,并知道我是否遗漏了任何东西.

节省内存的选项

1. 删除并销毁

   从容器中移除未使用的组件,并将它们摧毁.当他们再次需要时,重新创建它们.

   优势:

   容器引用的'autoCreate'选项和容器配置的'autoDestroy'选项可以极大地帮助这种方法.

   缺点:

   要在销毁之前重新创建视图,您需要确保要重新创建的每个重要信息(例如列表中的滚动位置,地图中的地图中心)在其他地方保持状态.

2. 去掉

   从容器中移除未使用的组件而不破坏它们.当它们再次需要时,将它们重新连接到容器上.

   好处

   1. 无需将GUI相关信息保存在某个州.
   2. 即使没有出现在DOM中,组件也可以更新.

   缺点

   1. 组件从DOM中清除,但Sencha对象仍保留在内存中
   2. 你需要在某处保留独立组件,并确保在创建新组件之前检查并附加现有组件