标签: sencha-touch

在Sencha Touch中,我经常需要一个Ext.DataView面板,它包含一个小的子集记录,甚至是商店中集合中的一条记录.

例如,我可能有一个模型Car,它的app.stores.cars商店里有成千上万的汽车记录,但我想在我的listOfSportsCars中显示这些项目的较小子集(比如说; 只是跑车),DataView同时还在我的listOfCars中显示更大的完整汽车组DataView.

我的第一个想法是使用多个商店.所以我有一个主要商店用于所有汽车的大清单,第二个商店有一个过滤器用于我的运动车子集.但是,现在从一个商店更新模型不会自动更新另一个商店中的记录,因此这会破坏使用DataView的目的,因为更新记录时更改不会在页面中的任何位置更新.

我的第二次尝试是覆盖collectData的数据视图,这听起来方法究竟喜欢什么我是后:

var card = new Ext.DataView({
    store: app.stores.cars,
    collectData: function(records, startIndex){
        // map over the records and collect just the ones we want
        var r = [];
        for( var i=0; i<records.length; i++ )
            if( records[i].data.is_sports_car )
                r.push( this.prepareData(records[i].data, 0, records[i]) );
            return r;
    },
    tpl: new Ext.XTemplate([
            '<tpl for=".">',
                  '<div class="car">{name}</div>',
            '</tpl>'
    ]),
    itemSelector: 'div.car'
});

完整的例子可以发现在这里 …

以下使用sass/compass生成base64内联图像:

background-image:inline-image("paper.jpg", 'image/jpg');

有没有办法做多个背景图像,或者我必须自己预压缩才能做到这一点？

谢谢.

我正在采取Sencha touch的第一步.结果正是我所追求的,然而到达那里却很难得到如何将sencha放在一起.我正在慢慢搞清楚,但有时代码的工作方式有点WTF.

我正在尝试构建一个非常简单的应用程序,执行以下操作.

1)有三个选项卡,搜索附近(地理位置),快速关键字搜索,类别搜索.
2)每个选项卡搜索返回​​结果列表
3)每个行都可以单击以显示更多信息.

我已经想出了我认为的标签.

像这样:

Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    icon: 'icon.png',
    glossOnIcon: false,
    onReady: function() {

                var location = new Ext.Container({
            iconCls: 'search', 
            title: 'Location Search',
            items: [new Ext.Component({
                html: '<img src="images/gfb.gif" />'
            })]
        });

        var quick = new Ext.Container({
            iconCls: 'search', 
            title: 'Quick Search',
            scroll: 'vertical',
            items: [new Ext.Component({
                html: '<img src="images/gfb.gif" />'
            })]
        });

        var category = new Ext.Component({
            iconCls: 'search', 
            title: 'Category Search',
            html: '<img src="images/gfb.gif" /><p>Category</p>'
        });
        var tabpanel = new Ext.TabPanel({ …

我正在研究Sencha Touch ipad应用程序,该应用程序从JSON提要中提取内容.JSON包含一些图像,以及来自Youtube和Vimeo的一些视频URL.

我在哪里开始尝试在应用中播放嵌入视频？

我试图在Sencha Touch上关注这个简单的教程http://dev.sencha.com/deploy/touch/getting-started.html

我一直收到JavaScript错误:Uncaught TypeError:无法调用null的方法'on'

这与Map.geo属性有关,该属性未正确设置.我正在使用与链接上相同的代码.我已经尝试过另外一个盒子,以防它是防火墙问题,但是得到了同样的错误.

使用Ext.js或sencha,执行以下操作有什么意义:

Ext.apply(app.views, {
        contactsList: new app.views.ContactsList(),
        contactDetail: new app.views.ContactDetail(),
        contactForm: new app.views.ContactForm()
    });

与此标准javascript相反:

app.views.contactsList = new app.views.ContactsList();
app.views.contactDetail = new app.views.ContactDetail();
app.views.contactForm = new app.views.ContactForm();

有什么区别吗？

Sencha的这篇文章介绍了如何使用内置的验证规则(存在,长度,格式,包含,排除),并提到添加自定义规则很容易,但是没有解释如何去做.我已经googled高低,并阅读了sencha文档,但我找不到任何关于如何做到这一点.有任何想法吗？

http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch

• 我已经阅读了Sencha Touch文档.我觉得它的MVC模型非常有吸引力,但它似乎有很长的启动时间,特别是对于外部JavaScript(例如:map).

• 虽然我很高兴在网站上使用jQuery,但我对jQuery Mobile的成熟感到担忧.(我还没有测试过)

• 我不知道Dojo的移动框架.

您喜欢以下哪种替代方案？为什么？

我几乎不知道怎么问这个,但是这里有.

我有两个模型,一个包含许多食谱的拼盘:

Ext.define('NC.model.Platter', {
  extend: 'Ext.data.Model',
  config: {
    fields: [
      { name: 'name', type: 'string' },
      { name: 'text', type: 'string' }
    ],
    associations: [
      {type: 'hasMany', model: 'NC.model.Recipe', name: 'recipes', filterProperty: 'text'}
    ]
  }
});

Ext.define('NC.model.Recipe', {
  extend: 'Ext.data.Model',
  config: {
      fields: [
        { name: 'name', type: 'string' },
        { name: 'image', type: 'string' },
        { name: 'stepsText', type: 'string', mapping: 'properties.preparationText' },
        { name: 'ingredientsText', type: 'string', mapping: 'properties.ingredientsText' }
      ]
    }
});

Platters基本上是在线食谱商店的不同过滤器.所以我可能有一千个食谱,但我的'Pizza'拼盘只会返回披萨配方(因此filterProperty).Platters只是在本地创建和存储,而Recipes是在线的.所以,商店:

Ext.define('NC.store.Platters', {
  extend: 'Ext.data.Store', …

如何在phonegap中使用html文件属性？这样我可以从我的Android设备浏览任何.txt文件并将其上传到服务器？

我在phonegap文档中读取了文件传输方法,但据说可以通过url将文件上传到服务器.但是可以通过以下方式正常工作:

<input type=file /><button>upload</button>

输入类型="文件"接受="图像/*"在手机间隙中不起作用？我看了这个链接,但只说图像.

但是如何上传文本文件？

任何帮助？

谁有人回答这个问题？