标签: sencha-touch

最好的桌面浏览器来测试Sencha Touch应用程序?

对于没有iPhone/Android手机的测试,哪种桌面浏览器最适合Sencha Touch?我尝试过Chrome和Safari,它运行得相当不错,但两者似乎都没什么问题.Firefox和IE显然与Sencha Touch完全不兼容.有可用的秘密武器,如移动浏览器的端口吗?

sencha-touch

7
推荐指数
2
解决办法
4639
查看次数

如何在商店中更改/添加参数

在sencha-touch上,这是我的商店声明

Ext.regStore('newsStore',  {
    model: 'News',
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: '../news/list.form?format=json',
        reader: {
            type: 'json',
            root: ''
        }
    },                        
});
Run Code Online (Sandbox Code Playgroud)

我怎样才能修改params?我试过了

params:{ format: 'json'}
Run Code Online (Sandbox Code Playgroud)

但它不起作用!

extjs sencha-touch

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

Sencha Touch itemtap

我有一个sencha touch正在列表中显示的联系人列表.然后,当您单击列表中的名称时,它应向右滑动并说出Hello {联系人姓名}!但是当它现在滑过时它只是说你好!在第29行是项目点击动作发生的地方我相信问题就在这里.我只是不知道如何正确格式化它.以下是我的源代码.

ListDemo = new Ext.Application({
name: "ListDemo",

launch: function() {

    ListDemo.detailPanel = new Ext.Panel({
        id: 'detailpanel',
        tpl: 'Hello, {firstName}!',
        dockedItems: [
            {
                xtype: 'toolbar',
                items: [{
                    text: 'back',
                    ui: 'back',
                    handler: function() {
                        ListDemo.Viewport.setActiveItem('disclosurelist', {type:'slide', direction:'right'});
                    }
                }]
            }
        ]
    });

    ListDemo.listPanel = new Ext.List({
        id: 'disclosurelist',
        store: ListDemo.ListStore,
        itemTpl: '<div class="contact">{firstName} {lastName}</div>',

        listeners:{
            itemtap: function(record, index){               
            ListDemo.detailPanel.update(record.data);
            ListDemo.Viewport.setActiveItem('detailpanel');
            }
        }
    });

    ListDemo.Viewport = new Ext.Panel ({
        fullscreen: true,
        layout: 'card',
        cardSwitchAnimation: 'slide',
        items: [ListDemo.listPanel, ListDemo.detailPanel]
    });

} …
Run Code Online (Sandbox Code Playgroud)

extjs sencha-touch

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

如何在Sencha Touch中的商店之间进行同步

我有一个Sencha Touch应用程序,它使用REST代理将REST服务中的数据加载到商店中.此存储的load事件还会将记录复制到localstorage存储中.这是因为应用程序需要在脱机模式下工作.我试图将对localstorage中的记录所做的更改写回REST服务,但还没有设法找出如何同步localstorage存储和使用REST代理的存储.有任何想法吗?

我按照http://www.sencha.com/learn/taking-sencha-touch-apps-offline/中给出的示例进行了操作,但它仅涵盖了脱机数据的只读方案.

extjs sencha-touch

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

Sencha Touch能否适合像KnockoutJS那样的MVVM模式?

我目前正在KnockoutJS上构建一个网络应用程序 - 真的,编程幸福使用!

我已经达到了一个阶段,我需要添加一个移动开发框架,并一直在考虑我的选择.

我目前倾向于使用Sencha Touch,因为它的成熟度和我需要的独特插件.

我唯一担心的是Sencha Touch的OO +声明性javascript编码是否适合使用像Knockout这样的MVVM框架?

我的意思是Knockout利用View(HTML页面)将通过数据绑定调用模型的概念.ExtJS(Sencha Touch)不会丰富View ...而是期望所有HTML内容都以声明方式编写.

我在这里处理油和水吗?你有什么想法?

注意:我很想知道这两种不同的架构是否能很好地结合在一起.不太了解Sencha Touch如何与其他框架进行比较.

web-applications mvvm sencha-touch knockout.js

7
推荐指数
2
解决办法
4574
查看次数

sencha touch i18n基础知识

在Sencha touch中如何处理i18n?(我说的是对字符串的本地化支持,还有本地化组件的本地化支持)

一个更具体的问题:我有一个包含日期选择器的表单,当我使用法国安卓手机访问应用程序时,如何确保以欧洲格式显示和选择日期?

干杯

internationalization sencha-touch

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

构建Sencha Touch 2应用程序时出错

当我使用命令构建我的sencha touch 2应用程序时: - sencha app build production

但它会抛出一个错误:

[INFO] Deploying your application to /Applications/MAMP/htdocs/iPadapp/build/production
[INFO] Copied sdk/sencha-touch.js
[INFO] Copied app.js
[INFO] Copied resources/css/app.css
[INFO] Copied resources/images
[INFO] Copied resources/icons
[INFO] Copied resources/loading
[INFO] Resolving your application dependencies...
[ERROR] Error thown from your application with message: TypeError: 'undefined' is not an object
Run Code Online (Sandbox Code Playgroud)

我在我的代码中跟踪了错误.我发现,这是由于加载我的清单.这是我的代码

Ext.define("myProject.store.Members",{
    extend  :'Ext.data.Store',
    requires:"Ext.data.proxy.LocalStorage",
    config: {
        model   :"myProject.model.Member",
        sorters :'lastName',
        autoload:true,

        proxy: {
            type: 'localstorage',
            id  : 'mainStore'
        } 
    }
});
Run Code Online (Sandbox Code Playgroud)

如果我删除行'autoLoad:true'(这会破坏我的应用程序,然后我可以构建应用程序.但是我的列表没有加载.如果我把它重新发送错误重复.我尝试使用加载函数动态加载列表,但是它没有任何意义.

这是我有趣的model.js文件.

Ext.define('myProject.model.Member', {
    extend: 'Ext.data.Model', …
Run Code Online (Sandbox Code Playgroud)

javascript load list sencha-touch sencha-touch-2

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

如何在Sencha Touch中销毁非活动视图

我坚持一个我认为非常重要的问题.在简单的Sencha Touch应用程序中,我有很多观点.我的主视图是一个TabPanel,底部有对接图标.有时在我的应用程序中,我切换到Tabpanel之外的另一个视图.我不希望DOM重载视图,我不再需要了,所以我正在寻找解决方案来销毁视图,当它处于非活动状态时.我试过这个,同时在我的控制器中切换到另一个视图:

this.getMainview().destroy();
Run Code Online (Sandbox Code Playgroud)

似乎Mainview被删除但我收到一个错误:

Uncaught TypeError: Cannot read property 'dom' of null
Run Code Online (Sandbox Code Playgroud)

所以我想.destroy() - 方法有什么问题或是否有更好的方法来处理这个问题?

extjs sencha-touch sencha-touch-2

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

Sencha Touch 2如何清理资源

我开始使用Sencha Touch 2,我只是想知道它是如何处理资源清理的.

特别是:

  • 想象一下,我们有一堆由url重定向触发的控制器.这些Controller实例是否会被缓存,或者Sencha是否每次需要在控制器上调用方法时都会创建新实例

  • 视图相同.sencha是否缓存视图,或者每次需要再次渲染时都会重新创建它们.什么时候视图被破坏(如果是)?

  • 我可以控制sencha如何处理这些事情吗?

sencha-touch sencha-touch-2

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

sencha touch 2和Phonegap之间的混淆

可能重复:
Sencha touch2和PhoneGap之间的原生包装的差异

我读过很多关于Sencha Touch和Phonegap之间差异的文章. 例如这一个.它困惑了我.最初我认为Sencha Touch只是构建"移动Web应用程序"的框架,而Phonegap则是使用JS,HTML5和CSS3构建"移动电话的本机应用程序".当我访问Sencha网站并阅读Sencha Touch"2"时.我了解到它带有Native包装,允许用户使用Native设备APIExt.device

Ext.device.Camera.capture({}); //An example
Run Code Online (Sandbox Code Playgroud)

在几个论坛中,我读到"Sencha Touch和Phonegap""齐头并进".对我来说,这意味着Sencha Touch仅用于创建应用程序的GUI,Phonegap用于访问Native设备API并创建跨平台构建.但在阅读Sencha Touch 2的描述后,我感到困惑.有人可以解释一下这两个框架究竟用于什么?谢谢

android sencha-touch sencha-touch-2 cordova

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