【sencha touch 坑爹的Panel，数据不显示了...】的更多相关文章

sencha touch 坑爹的Panel，数据不显示了...

一位同学问我一个问题: sencha touch中xtype创建dataview死活不显示!!版本2.3.1,MVC模式,sencha touch创建目录程序很简单,主界面一个tabPanel,两个分页“FoodMain”“UserMain”想在第一个分页显示一个DataView,结果死活不显示,Main.js如下: //file: app/view/Main.js Ext.define('myapp.view.Main', { extend: 'Ext.tab.Panel', xtype: '…

初识Sencha Touch：面板Panel

HTML代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>一个简单的示例面板</title> <link rel="stylesheet" type="text/css" href="../../css/sencha-touch.css"> <script sr…

sencha touch list更新单行数据

http://www.cnblogs.com/mlzs/p/3317570.html 如此章所说,点击按钮需要实时更新视图 操作代码如下: onTasteUp: function (list, record, item, index, btn) { var visibility = 'visible', value = +btn.getAttribute("value"), data = record.data, taste = data.taste + value, eateryBa…

Sencha Touch 之初接触

1.Sencha Touch开发与普通web开发有什么区别? Sencha Touch(为方便起见,本文后面一律简写为ST)页面的开发跟普通html页面相比,总体来说没有本质上的区别,只是引入了对html5和CSS3的支持,然后提供了对移动设备(iPad/iPhone/Android Mobile/Android Tablet/BlackBerry等)的特殊优化.事实上也正是因为html5和CSS3才使得ST可以实现如此美妙以至于可以媲美Native应用程序的交互效果. 2.特殊的Documen…

sencha touch 2 tabpanel中List的不显示问题,解决方案

笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用tabpanel来实现. 但是在sencha touch的开发使用过程中,我们总是会碰到不给高度就不显示的问题,非常之恼火,浪费我大把时间研究 笔者在开发这个需求的时候也碰到了,下来就分享一下方案吧: 1,先来看看有问题的方案,以下是代码: Ext.define("mine.view.ListFrie…

sencha touch 2.3.1 list emptyText不显示

如图所示,有时候没有取到任何的数据. 那么我们就需要显示没有获取到内容这一类提示,显示内容通常通过emptyText这个属性来配置. 但是在sencha touch 2.3.1之中有可能会出问题,所以我们需要手动来进行设置,处理代码如下. store.loadPage(1, { callback: function (records, operation, success) { if (records.length == 0) { list.setEmptyText('没有获取到内容'); }…

Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)

常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样就会如果要实现"view"之间的跳转,animateActiveItem()方法将被使用, 但是通过st的源码 animateActiveItem: function(activeItem, animation) { var layout = this.getLayout(), defau…

sencha touch textarea 手机上不显示滚动条，且不能滚动

最近在项目中发现 sencha touch 中的 textarea 在手机上不显示滚动条,也不能滚动. 在浏览器中之所以能显示滚动条滚动,那是浏览器为 textarea 添加的滚动条. 但在手机中是不会显示滚动条的. 可能在以后的版本中会有所改进吧. 于是只能另想办法了,找了一个老外重写的可滑动的 textarea (无滚动条). 转: Ext.define('LeslieTest.view.TextArea', { extend : 'Ext.field.TextArea', xtype :…

sencha touch结合webservice读取jsonp数据详解

sencha touch读取jsonp数据主要依靠Ext.data.JsonP组件,在mvc的store文件中定义代码如下: Ext.define('eparkapp.store.ParksNearby',{ extend:'Ext.data.Store', requires: ['Ext.data.JsonP'], config:{ model: 'eparkapp.model.Park', autoLoad: true, proxy: { type: 'jsonp', url: 'http:…

跟我一起玩转Sencha Touch 移动 WebApp 开发（一）

1.目录 移动框架简介,为什么选择Sencha Touch? 环境搭建 创建项目框架,框架文件简介 创建简单Tabpanel案例 自定义图标的方式 WebApp产品测试和发布 HTML5离线缓存 发布成Android/IOS本地app应用 移动框架简介,为什么选择Sencha Touch? 目前市面上,移动应用web框架,也算是风生水起,不断涌现,各个都称自己最牛逼.常见的几个框架主要有jquery Mobile,Dojo Moble,Sencha Touch,我这里是极端推荐Sencha To…