sencha touch之模型(model)

模型的实例相当于数据库中表的一条记录. 一般模型在\app\model下创建,而且必须遵守类的命名规则,也就是可以根据类名找到模型的定义文件. 所有模型类都要从Ext.data.Model或Ext.data.model的子类派生. 一个典型的模型: Ext.define("FirstApp.model.Product", { extend: 'Ext.data.Model', requires:[ 'Ext.tux.proxy.Format' ], config: { fields:[…

再探 Ext JS 6 (sencha touch/ext升级版) 变化篇 (编译命令、滚动条、控制层、模型层、路由)

从sencha touch 2.4.2升级到ext js 6,cmd版本升级到6.0之后发生了很多变化首先从cmd说起,cmd 6 中sencha app build package不能使用了,sencha app build native好像也不能用了. 有个好消息就是我们可以用sencha ant native buildsencha ant package build 这两个命令,目测和以前的效果差不多了然后再说说ext js 6相对sencha touch 2.4.2的变化首先最只…

Sencha Touch Guide

1.一些命令创建APP # Make sure the current working directory is the Sencha Touch 2 SDK 例如D:\Program Files\wamp\www\sencha-touch-2.1.1-commercial cd /path/to/sencha-touch-2-sdk sencha generate app MyApp /path/to/www/myapp 生成模型MODEL cd /path/to/www/myapp s…

sencha touch 常见问题解答(26-50)

26.sencha touch在华为.红米等部分手机下hide事件失效,msgbox无法关闭怎么办答:请看http://www.cnblogs.com/cjpx00008/p/3535557.html 如果还不能解决请尝试使用浏览器自带的弹出方法 27.sencha touch中list使用Ext.plugin.PullRefresh 刷新一次,就会显示重复数据,这是为什么答:找到list的数据仓库对应的模型(model),为其指定idProperty(主键name)属性. list中的每条…

Sencha touch 初体验

一.什么是Sencha Touch? Sencha Touch是一个应用手持移动设备的前端js框架,与extjs是同一个门派的,它继承了extjs的优点和缺点.功能很强大,效果很炫丽,效率不高. 二.例子来了效果图:Sencha touch官方一个list的example PS:模拟器访问本地server的地址是10.0.2.2:8080,而不是127.0.0.1:8080 1.导入touch的相关js,css以及资源文件 2.index.html 1: <!DOCTYPE html> 2:…

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

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

初探 Ext JS 6 (sencha touch/ext升级版)

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上…

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

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

【翻译】使用Sencha Touch创建基于Tizen应用程序

原文:Building a Tizen App With Sencha Touch 作者:Gautam Agrawal Gautam Agrawal is Sencha's Sr. Product Manager for Frameworks (Ext JS, Touch, and GXT). He has held various product and engineering roles at Quantros and Integral, in SaaS and BI space, util…

【翻译】Sencha Touch 2入门：创建一个实用的天气应用程序之三

原文:Getting Started with Sencha Touch 2: Build a Weather Utility App (Part 3) 作者:Lee BoonstraLee is a technical trainer at Sencha. She's located in Amsterdam and has experience in both front-end and back-end development. Lee spends her spare time deve…

sencha touch 常见问题解答(1-25)

欢迎留言补充,持续更新中... 1.sencha touch 是什么? 答:Sencha touch框架是世界上第一个基于HTML 5的移动应用框架.它可以让你的Web应用看起来像网络应用.美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML 5和CSS3的 WEB标准,全面兼容Android和iOS设备. 2.sencha touch 能够访问原生的设备功能,如摄像头.麦克风吗? 答:Sencha touch只是一个HTML 5框架,所以想要它能够访问原生的设备功能,需要浏览器提供支持才…

sencha touch 2.2.1 自定义彩色图标按钮(button+ico)

sencha touch 2.2.1 这个版本使用了新的按钮模式,不过他只提供了少部分的按钮样式.我们可以加一些自定义的ico样式新加ico样式lower .x-button .x-button-icon.lower:before { position:absolute; ; ; ; ; text-align:center; font-family:"Pictos"; content:"_"; } 以在list中使用示例 Ext.define('app.view.…

sencha touch 入门系列（九）sencha touch 视图组件简介

对于一个普通用户来说,你的项目就是一组简单的视图集合,用户直接通过跟视图进行交互来操作你的应用,对于一个开发人员来说,视图是一个项目的入口,虽然大部分时候最有价值的部分是在model层和control层,所以这讲,我们将先介绍如何创建和使用我们的视图组件view. 首先,我们来介绍如何创建我们的视图组件, 在sencha touch中,已经封装好了一批在项目中可能常用的视图组件,如列表(list),form表单(formpanel),按钮(button)等等, 在官方example的kitche…

sencha touch 入门系列（六）sencha touch运行及代码解析（下）

接着上一讲,通过index.html里development.js对app.json里js资源文件的解析,app.js便被index.html引入了, app.js是整个项目的程序入口,在项目完成时使用sencha cmd打包压缩项目时,默认情况下所有的js文件都会被压缩成一行放置在app.js中,关于项目的打包我们会在后面的课程详细讲解, 接下来我们来看下app.js,了解下整个项目是如何通过app.js来进行加载的. //用来实例化Ext.app.Application,这是项目中唯一一个只…

sencha touch 入门系列（四）sencha touch 新建项目目录结构解析

通过上一章节的操作,我们的项目已经创建完成了, 大家通过http://127.0.0.1/MyFirst/应该都已经访问到了自己的应用, 接下来,我们展开我们项目,如图所示: 一.目录结构 1. .sencha目录 .sencha 文件夹下主要是sencha cmd创建项目时生成的一些配置文件,对我们的开发并没有太大影响,我们可以暂时先不去管它 2. app 目录 app文件夹是我们的项目主体文件夹,我们整个项目的功能代码基本都在这个目录中, 整个目录体现了sencha touch的mvc结构,…

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开发完整流程快速讲解

sencha touch的开源插件和例子

写了好久的sencha touch,没想到换工作竟然一年多没有搞了.因为项目的缘故收集了好多的组件,由于懒惰,没有整理,现在想想有点后悔了,再加上如果就这样丢弃,感觉有些遗憾,今天整理了一下放在github上了,可以帮助sencha-touch的朋友们提高. TouchTreeGrid and CalendarPicker Sencha Touch Tree Grid, Basic Grid and Accordion Component with Examples Project Addres…

亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用经过差不多1天的折腾,对Sencha Touch和phonepag算是有了初步的了解,然后就按照网上的教程开始做的自己的APP. 说到phonepag,补充一点phonepag和cordova的历史,对大家有个比较深入的理解,至少我在看到这两个东西的时候,最开始也是有点懵的.传送门:新手的第一个phonegap…

亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 环境安装篇

最近因为有个项目需要制作APP,考虑到需要兼容Android和IOS,所以想采用WebAPP的方式来开发.现在是从零开始学习之路,走起- 通过网上博客和论坛,开始安装了一堆软件: 1. Sencha Touch 2.4.2 下载:http://extjs.org.cn/node/765 下载之后,解压到本地即可. 2. Sencha Command(cmd) 6.1.3 下载地址:http://extjs.org.cn/node/754 网上说最好下6.0…

sencha touch打包成安装程序

为了更好地向大家演示如何打包一个sencha touch的项目,我们用sencha cmd创建一个演示项目,如果你的sencha cmd环境还没有配置,请参照 sencha touch 入门系列 (二)sencha touch 开发准备进行配置. 首先在开始->运行中输入cmd,回车,打开命令行工具,cd指令进入到我们的sencha touch的sdk目录中,执行项目创建的指令: 此时在webtest路径中便创建了一个testPackage的项目,我们打开项目中创建生成的packager.js…

sencha touch+phonegap+node.js打包

这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后通过xcode导出成ipa安装程序: 一.phonegap环境搭建: phonegap从3.0开始已经不再使用手动的方式搭建项目了,而是使用command-line命令行工具来搭建项目环境,并且插件引入的机制也在3.0做了调整,采用了模块化的方式,即需要什么功能模块就通过命令行工具来安装对应的模块,…

ASP.NET MVC在布局页上使用模型(model)

看到这标题有点怪,一般情况之下,我们很容易在视图与部分视图中使用模型(model),但是如果想在布局页_Layout.cshtml页中使用模型(model),按照普通方式也许没有达到预期的效果,在实现时有些情况需要注意的. 下面先按原先我们的设计,在控控制器创建三个视图操作(Action): 创建一个布局页_May15.cshtml,然后上面的三个视图均引用此布局页. 现在我们根据控制器的Action分别创建三个视图,Index.cshtml: PageA.cshtml: PageB.cshtm…

【再探backbone 01】模型-Model

前言点保存时候不注意发出来了,有需要的朋友将就看吧,还在更新...... 几个月前学习了一下backbone,这段时间也用了下,感觉之前对backbone的学习很是基础,前几天有个园友问我如何将路由的#改为其他我其实想说这个不能乱改,又怕不熟悉误人子弟,所以今天我们来一起重新学习下他,看看会不会带来不一样的感觉我在博客园nuysoft的博客看到了backbone的分析,可惜没有写完,不失为一个遗憾,希望作者坚持下去,水平高得贡献出来哟(@nuysoft) 然后,网上backbone基础用法…

Sencha Touch 2.2 Store Proxy 异常监控

移动端到服务端通信往往会发生很多莫名的异常情况,如何有效的监控proxy异常,给用户友好的用户体验呢? Proxy给我提供了异常exception的监听事件,只需要监控该项目即可. Sencha Touch Store的基类如下: Ext.define('HzyApp.store.Base', { extend: 'Ext.data.Store', config: { proxy: { scope: this, listeners: { exception: function (proxy, r…

sencha touch 入门系列（二）sencha touch 开发准备

这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开发之旅了. 首先,我们开始搭建sencha touch的开发环境,我这讲的环境搭建主要是针对windows平台的: 1.选择一款能够兼容并调试sencha touch的浏览器: sencha touch之前是针对webkit内核进行设计的,所以chrome或safari浏览器可以很好的展现基于sen…

动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点：

移动前端工作的那些事---前端制作之微信小技巧篇 (2013-11-15 15:20) 转载▼ 标签: it css3/javascript html5 webapp 手机网站搭建分类: 前端制作之微信技巧篇随着微信的越来越大众化,微信的使用程度也越来越高.随之,产生了一种新的推广模式,即微信推广.在这个微信的大平台上会衍生出许许多多的推广手段.而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来. 一些客户不仅仅满足于自己的网站可以在手机浏览器上完美的展现出来,同时还要求可…

Sencha Touch+PhoneGap打造超级奶爸之喂养记(一) 源码免费提供

起源非常高兴我的宝宝健康平安的出生了.对于初次做奶爸的我,喜悦过后,面临着各中担心,担心宝宝各项指标是否正常.最初几天都是在医院待着,从出生那一天开始,护士妹妹隔一段时间就会来问宝宝的喂奶,大小便,体温等情况.我想医生们应该也是通过这些数据来分析宝宝是否健康.宝宝刚才出生的几天,吃喝,大小便很频繁,但又不方便记录,很容易遗漏,所以想做一个APP来记录宝宝的一些数据.最近正在学习Sencha Touch+PhoneGap,经过几天的开发,基本成型,目前我的宝宝一些数据都是用这个软件来记录的.同时…

使用 crosswalk-cordova 打包sencha touch 项目，再也不用担心安卓兼容问题！

国内的安卓手机品牌众多,安卓操作系统碎片化也很严重,我们使用sencha touch 开发的应用不可避免的出现了各种无解的兼容性问题. 有时候我就在想,有没有既能支持cordova,又能让我们把Chromium内核打包到应用里面的平台呢?这样就不用担心兼容性了. 最近阿赛向我推荐了Crosswalk,满足了我的愿望,不过可惜的是,Crosswalk仅支持Android4.0+.并且这个是将Chromium内核打包到了应用中,所以安装包略大一些. Crosswalk是基于Chromium内核打造的…

sencha touch api 使用指南

本文主要讲解如何使用sencha touch的api以及如何查看api中官方示例源码前期准备 1.sdk 下载地址:http://www.sencha.com/products/touch/download/ 填写对应信息及邮箱地址点Download即可,你会在邮箱里面收到下载邮件,如图所示: 随意解压到任意目录即可,如图所示: 2.api 下载地址:http://docs.sencha.com/ 点击Sencha Guides,会弹出下载界面,选择Touch进行下载,如图所示: 随意解压到任…

【sencha touch之模型(model)】的更多相关文章