sencha Touch 2.4 学习之 XTemplate模板

【sencha Touch 2.4 学习之 XTemplate模板】的更多相关文章

sencha Touch 2.4 学习之 XTemplate模板

XTemplate模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../touch/resources/css/sencha-touch.css"> <script type="text/javasc…

Sencha Touch 2.1学习图表Chart概述

Extjs.chart提供了可视化展现数据的能力,每个图表可以绑定到数据模型Ext.data.Store上, 并随着数据的变换可以自动的更新图表一个图表对象包括图标风格.坐标(axes).序列(series) Extjs提供的坐标轴有5类.图表序列有8类: 坐标轴(axes) 数值轴 (Ext.chart.axis.Numeric) 时间轴 (Ext.chart.axis.Time) 分类轴 (Ext.chart.axis.Category) 仪表轴 (Ext.chart.axis.Gauge…

关于sencha touch 的JSONP跨域请求的学习研究

此篇文章是对自己在研究学习sencha touch的过程中的点滴记录,主要是JSONP的跨域请求这方面,对于何为是跨域概念还有不熟悉的,可以自己问下度娘. 先上张图: 我要完成的功能就是表格下拉刷新,并发送请求到我自己写的服务程序端,由于服务程序和此SENCHA的程序不再一个域下,总是出现请求出错(提示的大概信息就是跨域的问题).这两天真是被这个问题折磨的很久,由于没接触过sencha touch 的JSONP,开始也是一头雾水,也看了好多的资料.最终理解了SENCHA里的jsonp的请求模式.…

sencha touch 入门学习资料大全(2015-12-30)

现在sencha touch已经更新到2.4.2版本了重新整理一下资料官方网站:http://www.sencha.com/products/touch/ 在线文档:http://docs.sencha.com/touch/2.4/2.4.2-apidocs/ 官方论坛:http://www.sencha.com/forum/ 官方sdk下载页:http://www.sencha.com/products/touch/download/ 官方cmd下载页:https://www.sencha…

sencha touch 入门学习资料大全

现在sencha touch已经更新到2.3.1版本了重新整理一下资料官方网站:http://www.sencha.com/products/touch/ 在线文档:http://docs.sencha.com/touch/2.3.1/ 中文在线翻译文档:http://touch.scsn.gov.cn/ 官方论坛:http://www.sencha.com/forum/ 官方sdk下载页:http://www.sencha.com/products/touch/download/ 官方cm…

XTemplate模板学习和使用总结

XTemplate模板学习和使用总结前言 XTemplate是我接触的第一个模板语言,用在公司的一个NodeJS项目中,跟它打交道经常是因为需要使用它的语法向模板中注入数据.因为是刚入门前端不久,所以一开始对这个语言有些抵触(毕竟不会用,还要上手写业务...),"这种我明明可以写在js文件里啊,为啥非要写在模板里??"之类.但是在了解并使用它写了一些业务之后就发现,模板语言是真的好用. XTemplate的好处首先,使用XTemplate可以很方便地使用include语法调用不…

39.VUE学习--组件,子组件中data数据的使用,x-template模板的使用,改变for循环里的某条数据里的值

多处引用相同组件时,操作data不会相互影响 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>vue</title> <link rel="stylesheet"…

HTML5开发移动web应用——Sencha Touch篇(8)

DataView是Sencha Touch中最重要的组件,用于数据的可视化.数据可视化的重要性不言而喻,能够讲不论什么数据以形象的方式展示给用户. 眼下,怎样更好地可视化是很多公司或框架都在追求的. 通过数据的可视化能够发现数据之间的规律.预測未来的情况.以下我们就看看Sencha Touch中是怎么进行数据可视化的. 因为DataView组件内容许多,所以将在以后的一段时间内持续这一部分的学习. 首先废话不多说,直接上使用DataView组件的代码框架. launch:function(){…

Sencha Touch 手机移动开发框架 HTML5 项目压缩方案;

Sencha Touch框架生成基本项目目录结构 Index.html/ App.js App.json /touch[sdk]/ /Sencha-touch.js /src Resources/ App/ app.js以及app.json 是程序的入口点及基本加载配置: /touch[sdk] sencha-touch[debug|min...].js 是 SDK 文件 /src 这里是存放组件的位置 Resources/用于存放样式及图片等资源文件; app/用于存放我们编写的程序源码:…

[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cordova-hot-code-push 以下是我对GitHub项目readme的翻译 ---------------------------------------------- Cordova Hot Code Push Plugin 此插件提供了能够使cordova app自己主动更新web内容的功…

亲手使用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 移动 WebApp 开发（一）

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

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,经过几天的开发,基本成型,目前我的宝宝一些数据都是用这个软件来记录的.同时…

sencha touch 开发准备

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

[Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配置了以下的内容: <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" /> <icon gap:plat…

[Phonegap+Sencha Touch] 移动开发34 gem安装compass，不编译scss，怎么办？

很多人已经发现,今天,该命令 "gem install compass" 安装compass,正在使用 "compass compile" 编scss的时间将报告以下异常: "File to import not found or unreadable: blueprint/typography" google了一下,说是新版compass已经不包含compass-bluprint了. 所以我尝试运行命令 "gem install co…

[Phonegap+Sencha Touch] 移动开发24 包wp8.1的App，弹出软键盘输入框聚焦实施后，无移动采收率方法来解决接口

这种现象不仅是现在显示phonegap包sencha touch的wp8.1该程序将出现(只wp8.1,wp8正常).其他js我测试了几个框架(app framework, jquery mobile),好像没有这个问题. 我来描写叙述一下这个现象: 1.执行phonegap打包的wp8程序,打开一个有输入框的界面,例如以下图: 2.点击输入框,使其弹出软键盘.界面会上移.例如以下图: 3.点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位.例如以下图: 我的一些研究结果…

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

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

移动Web框架:jQuery Mobile VS Sencha Touch

最近常被问到是用 jQuery Mobile还是Sencha Touch,本人也比较关注这两个框架,试图从以下两方面发表点儿见解: 身家背景,都系出名门 1.jQuery Mobile 建立在jQuery 和 jQuery UI框架之上,很好的继承了jQuery支持多浏览器的特性,官方介绍支持 iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, Opera Mobile/Mini, Firefox Mobile…

选择移动web开发框架研究——有mui、frozenui以及Sencha Touch等

纯粹的总结一下移动web开发框架,移动 web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS.jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用.国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架. 1.jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种…

[Phonegap+Sencha Touch] 移动开发24 打包wp8.1的App，执行时输入框聚焦弹出软键盘之后，界面上移而不恢复原位的解决的方法

这个现象仅仅出如今phonegap打包sencha touch的wp8.1程序会出现(仅wp8.1,wp8正常),其他js框架我測试了几个(app framework, jquery mobile),好像没有这个问题. 我来描写叙述一下这个现象: 1.执行phonegap打包的wp8程序.打开一个有输入框的界面,例如以下图: 2.点击输入框,使其弹出软键盘.界面会上移,例如以下图: 3.点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位,例如以下图: 我的一些研究结果:…

[Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序，转屏时，Ext.Viewport不能触发orientationchange事件的解决的方法

Sencha touch 2.4.2 已经解决问题了. 比方你为Ext.Viewport的orientationchange事件加入了一个监听方法: Ext.Viewport.on('orientationchange', function(){ alert('转屏了') }, this); 经測试,安卓自带浏览器,或者phonegap打包的app.在转屏的时候都没有弹出"转屏了"的对话框.(sencha官方论坛有非常多人反映这个问题,貌似sencha touch 2.0+都存在)…

创建Sencha touch第一个应用

最近学习Sencha touch ,是一个菜鸟级别.废话不多说,让我们来创建Sencha touch的第一应用. 首先,我们下载Sencha touch2.0 sdk 和SDK工具. SDK工具直接默认安装就可以了. 我用的服务器是tomcat6.0 ,将下载好的sencha-touch-2.0.0-gpl 解压到tomcat的wapapps目录下.如下图所示: 启动tomcat服务器,在谷歌或苹果浏览器下,访问如下地址:http://localhost:8080/sencha-touch-…

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 Container

Container控件是我们在实际开发中最常用的控件,大部分视图控件都是继承于Container控件,了解此控件能帮我们更好的了解sencha touch. layout是一个很重要的属性,能够帮助你进行布局. layout的基本用法可见:http://www.cnblogs.com/html5mob/archive/2012/07/10/2583248.html 了解了基本用法之后,我们可以用此实现复杂的布局,比如九宫格布局. 代码如下: Ext.define('app.view.layout…

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+PhoneGap打造超级奶爸之喂养记(一) 源码免费提供（转）

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

[Phonegap+Sencha Touch] 移动开发29 安卓navigator.camera.getPicture得到图片的真实路径

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/38313021 phonegap的拍照插件选择图库中的图片.代码例如以下: navigator.camera.getPicture(function(uri){ console.log(uri);//这里得到图片的uri }, function(err){ console.log(err); }, { quality: 70, destinationType: navigator.ca…