Sencha Touch2
范永强
热爱生活,热爱编程!
展开
-
反编译sencha toucha打包的apk文件,修改应用名称支持中文以及去除应用标题栏
一、去除安卓应用标题栏sencha touch打包android安装包,去掉标题栏titlebar的简单方法(有更复杂更好的方法,参看“二、利用反编译修改apk的应用名称为中文”)利用sencha cmd命令打包安卓apk安装包之前,找到sencha cmd安装目录下stbuild\st-res\android例如,我的目录是D:\SenchaCmd\bin\Sencha\转载 2015-01-26 10:45:44 · 1755 阅读 · 0 评论 -
Sencha Touch 2.1学习图表Chart概述
Extjs.chart提供了可视化展现数据的能力,每个图表可以绑定到数据模型Ext.data.Store上,并随着数据的变换可以自动的更新图表一个图表对象包括图标风格、坐标(axes)、序列(series)Extjs提供的坐标轴有5类、图表序列有8类:坐标轴(axes)数值轴 (Ext.chart.axis.Numeric)时间轴 (Ext.char原创 2013-07-30 14:04:00 · 3162 阅读 · 3 评论 -
Sencha toucha2中设置文本框默认提示文字的PlaceHolder属性的颜色
在做项目时,我想让一个文本框的提示文字变色,显得更醒目。但是默认的PlaceHolder颜色是灰色的。经过多次尝试和查资料,终于搞懂了。只需要一个CSS样式就可以了。HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字原创 2012-09-06 14:19:40 · 6124 阅读 · 0 评论 -
Aptana Studio 3 中设置 Sencha Touch 的代码提示
在Aptana Studio上开发时发现,Aptana 没有针对ST的代码提示,确实是一大遗憾。网上搜了下,发现解决的方式也还简单。希望对有同样问题的攻城师有所帮助。环境:Aptana Studio 3, build: 3.0.6, sencha-touch-1.1.1步骤:1.在 Aptana Studio打开 Help -> Install New Software2. 单击原创 2012-07-24 10:47:30 · 2191 阅读 · 0 评论 -
sencha-touch2.0控件nestlist的简单用法
通过nestlist可以自定义一个有标题到内容的一个组合布局如图Ext.create(的“Ext.tab.Panel”,{ 全屏:真实, tabBarPosition:'底部', 项目:[ { 的xtype:'nestedlist原创 2012-05-27 11:43:49 · 869 阅读 · 0 评论 -
sencha touch学习心得之FormPanel
最近做了一些sencha touch的学习,对于自己进来的一些学习心得给大家分享一下。可能都是些基础的东西,没办法啦,呵呵 ,本人也是入门级的水平。先讨论一下sencha touch中最常用到的布局——FormPanel。FormPanel是Panel的子类,就是一种表单显示形式的面板。这是最简单的一种FormPanel。代码如下:var FormTest = new Ext.原创 2012-05-21 13:47:47 · 3338 阅读 · 0 评论 -
sencha touch中datepicker的汉化
sencha touch中提供的datepicker,是英文版的,在中国做软件当然要汉化。如上图,就是sencha的原版datepicker,我们要对它进行汉化。找源码:找到js源码文件sencha-touch-debug.js在文件中搜索datepicker部分。找到Ext.DatePicker的initComponent方法,对如下代码做修改for (i = yearsFr原创 2012-05-21 13:42:34 · 2456 阅读 · 0 评论 -
sencha touch中实现页面之间的互相跳转
这两天应为一个页面跳转把我整的死去活来啊!官网的API不给力啊!资料太少了,害的我浪费了好长时间,最终还是弄好了,发现了一个关键问题所在:如果要使用Ext.getCmp()来得到视图或者页面组建就得在引用的页面中添加id属性,因为Ext.getCmp()是通过id来取东西的。明白这点后下面的事就好办多了。首先在控制层里面定义按钮的事件,并映射组建。config:{原创 2012-06-07 21:07:04 · 6579 阅读 · 1 评论 -
Sencha Touch2中数据的获取
根据Sencha Touch技术框架的特点,前台展示的绝大部分数据都是通过ajax方式获取,譬如列表数据的获取、表单数据的获取等等。列表数据的获取,一般是通过store组件和list组件进行结合;表单数据的获取通常使用Ext.request方式获取。列表数据的获取代码清单://数据列表 renderListData: function(){ //定义变量和原创 2012-06-02 13:47:50 · 3291 阅读 · 0 评论 -
sencha touch 2 nestlist中获得绑定store中值的办法
最简单的弹出store中的值listeners: { itemtap: function(nestedList, list, index, target,record,e,eOpts) { var id = record.get('id'); alert(id);原创 2012-05-27 12:21:25 · 946 阅读 · 0 评论 -
Sencha Touch NestList 如何载入tree结构的数据
代码: Ext.application({ name: 'Sencha', phoneStartupScreen: 'resources/loading/Homescreen.jpg', tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg', launch: function() {原创 2012-05-27 12:18:18 · 1978 阅读 · 1 评论 -
st大量参数提交方案参考
1.在jsonp方法中拼json2.参数format jsonproxy: { type: 'jsonp', url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.原创 2012-05-27 12:10:27 · 741 阅读 · 0 评论 -
st2中定义左右平板布局
0.首先下载mvc框架:https://github.com/kostysh/Sencha-Touch-2.0-MVC-test-application-with-NestedList1.在框架中要在app.js 这个文件中使用:launch: function() { //Ext.getBody().removeCls('loading'); /原创 2012-05-27 12:02:37 · 839 阅读 · 0 评论 -
Sencha Touch 2.1 Chart属性中文解释
图表的几大要素:1、坐标:上、下、左、右。坐标的类型,数字、分类...坐标包含需要显示的坐标值,即绑定的字段坐标值的样式,比如旋转、字体大小、格式坐标的最大值、最小值、是否显示网格坐标旁边显示的文字2、图表:柱状图、折线图、点图、饼图、区域图、盘表图、雷达图...图标的类型图表x、y轴对应的字段图标上显示的文字,文字的原创 2013-07-30 14:02:11 · 2423 阅读 · 0 评论 -
Sencha Toucha 2.1 文件上传
javascript代码: Ext.onReady(function() { Ext.create('Ext.form.Panel', { title: 'Upload a Photo', width: 400, bod原创 2013-07-30 14:14:36 · 2502 阅读 · 0 评论 -
Ext.Ajax.request方法 参数
json数据服务器回传的方法.在api总指出回传的格式{success;true,data:{clientName: "Fred. Olsen Lines", portOfLoading:"FXT",portOfDischarge: "OSL" } }}}需要注意的是这里的success和data是关键字,(姑且这么叫吧)在data中是数据在客户端通过Ext .dec原创 2013-07-30 14:01:21 · 1656 阅读 · 0 评论 -
sencha touch 在安卓中横屏、竖屏切换 应用崩溃问题
这是由于横竖屏转换导致activity重跑onCreate方法导致的,有两种解决方案:1、横竖屏转换的时候不要重新跑onCreate方法,这个可以在manifest.xml的对应activity中增加这个属性:“android:configChanges="orientation|screenSize"”;2、禁止横竖屏转换,在manifest.xml的对应activity中增加这个属性“转载 2015-01-26 12:42:13 · 2728 阅读 · 0 评论 -
使用Sencha Architect开发Sencha Touch应用的整理
官网:http://www.sencha.com/其实官网上的文档都很清楚了,不过整理一下总比较好第一步,软件准备注: 以下软件的安装本着这样两条原则一是不要安装在中文目录下二是不要安装在带空格的目录下,例如program files目录1、Sencha Touch 2.2.1 解压缩出来即可 例如,我解压缩以后改了一下目录名E:\转载 2015-01-26 10:57:02 · 2891 阅读 · 1 评论 -
sencha architect开发sencha touch应用注意事项
以下说明文字针对sencha architect v2.2.2一、无限期试用1、 下载地址: http://www.sencha.com/products/architect/download/2、 同时需要注册一个帐号,否则软件还不能进去3、 安装完成之后,运行之,并输入注册帐号和密码,软件提示有30天的试用期,退出程序4、 在XP系统的这个目录下: C:\Do转载 2015-01-26 10:49:34 · 1117 阅读 · 1 评论 -
Sencha Touch 2 实现跨域访问
最近要做手机移动App,最后采用HTMML5来做,原创 2014-11-25 10:23:24 · 1356 阅读 · 0 评论 -
移动开发规范概述
以下规范建议,均是在日常开发过程中总结提炼出的经验,规范具备较好的项目实践,强烈推荐使用字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica。中文字体设置原创 2014-11-13 14:45:34 · 661 阅读 · 0 评论 -
sencha touch 2中判断游览器是否包含webkit的方法
if (!Ext.browser.is.WebKit) { alert("The current browser is unsupported.\n\nSupported browsers:\n" + "Google Chrome\n" + "Apple Safari\n" +原创 2013-08-30 11:10:15 · 864 阅读 · 0 评论 -
Sencha Touch 2 结合HTML5的本地存储创建数据库实现增、删、改、查
大家好!我是范范。本人刚接触ST2到现在刚刚两个月,6月1号接的项目,那时才知道有Sencha Touch2这个东西,到现在两个月了期间的幸酸就不说了。今天说说在项目中用到的HTML5的本地存储。可能有的地方不是很合理,大家可以提出宝贵意见。下面开整:下面是创建数据库的代码:database.jsvar initDatabase = function(db,tables){原创 2013-08-30 11:09:01 · 3537 阅读 · 0 评论 -
sencha touch 2制作滑动DataView(无缝list)
Ext.define('App.view.Sections', { extend: 'Ext.dataview.DataView', xtype: 'sectionslist', id: 'mainlist', requires: [ 'App.store.Sections', ], config: { store原创 2013-08-30 11:10:08 · 2529 阅读 · 0 评论 -
Sencha Touch 2中如何动态添加button
原理很简单无非就是在一个容器上面选中id,用容器的add方法将button循环加入。现在我们来试一下1.先定义一个Container组件用,以后在里面添加button ?12xtype:'container',id:'aaa' 2.(lz使用的是mvc架构原创 2013-08-30 11:09:55 · 1923 阅读 · 0 评论 -
Sencha Touch中 xclass和xtype区别
1.xclass 就是 Ext.create(xclass)和 xtype一样的性质,不一定非要是自己创建的。 2.xtype是xclass的简称。3.使用xtype前,你要new的对象,先要requires,xclass应该不用举例 Ext.Viewport.add({ xclass: 'AddressBook.view.Ma原创 2013-08-30 11:09:33 · 1586 阅读 · 0 评论 -
phonegap+andriod+sencha开发注意
主要是phonegap的用法,sencha比较简单,首先第一步我们根据教程在spring source(java ide)中根据教程创建项目。参考:http://www.phonegap.cn/?page_id=442#android 需要嵌入phonegap代码时希望大家能够注意: // 等待加载PhoneGap document.addE原创 2012-05-27 11:53:59 · 1459 阅读 · 0 评论 -
关于phoneGap camera照片放置的位置问题
现在我说下phoneGap camera照片放置的位置问题 在js中有这个一句话 // 使用设备上的摄像头拍照,并获得Base64编码字符串格式的图像// “Capture Photo”按钮点击事件触发函数 function capturePhoto() { // 使用设备上的摄像头拍照,并获得Base64编码字符串格式的图像 navigator.camera.ge原创 2012-06-02 13:43:53 · 2333 阅读 · 0 评论 -
sencha touch 2中list控件分组排序
1.首先假设有一张list。 2.初步代码:定义一个数据仓库store,大体如下 3.修改一下,加入排序(sortProperty是一个属性) 4.最后在你显示的list里 加 grouped: true,原创 2012-05-27 12:14:08 · 2241 阅读 · 0 评论 -
sencha touch 2 Form动态提交
在这里lz使用了很笨的remove,add方法1.Ext.getCmp('testform').remove(Ext.getCmp('question'),true)question是一个fieldset 移除form中的一些item,全部清除可以用removeAll的办法2.record.pojoa().each(function(answer原创 2012-05-27 12:08:53 · 1408 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之一
从零开始学习Sencha Touch MVC应用之一介绍:sencha touch是一个面向对象的java框架,使用它可以使开发者完全像在iphone、andriod 、黑莓等触摸设备本身上进行移动应用的构建那样方便和容易。如果你需要查找进一步的资料可以到Sencha Touch website.上进行查找。如果你还没有使用java在面向对象方式下进行过开发的经历,我想你将会发现这个框转载 2012-05-08 13:33:38 · 2126 阅读 · 0 评论 -
sencha touch2 mvc
ManagingDependencies with MVC (管理MVC依赖项)注:为方便起见,文中所有出现 Sencha Touch的地方均以 ST简写替代。There are two main places thatdependencies can be defined in a Sencha Touch 2 app - on the application i原创 2012-05-08 13:32:43 · 2494 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之十九
列表组件要求两个前提条件被定义:用来进行数据存储的存储器和itemTpl 负责来显示数据.。要求列表来显示针对每条新闻的标题和日期,因此我们把我们在所定义的新闻模型的属性名称放在花括号中括起来。.下面让我们对列表的类型稍做风格的修饰,打开res/css/style.css并且添加下面的内容:.x-list-item-body { font-size: 0.8em; co转载 2012-05-08 14:58:20 · 781 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之十八
建立一个新的控制器以处理新闻(NewsController.js):Ext.regController('News', { // index action index: function(options) { if ( ! this.indexView) { this.indexView = this.r转载 2012-05-08 14:57:27 · 905 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之十三
我们已经为搜索按钮添加了两个新的属性:iconCls 和 iconMask。iconCls,是一个用来作为按钮图标进行设置css类背景图片的类(引自sencha touch文档),通过给search按钮设置属性值使按钮有一个放大镜的背景图像,为使这个特性能正常运转,我们也需要设置iconMask属性为true。为Action设置了UI属性,可以使搜索按钮具有不风格。下面就是按钮显示:现在我转载 2012-05-08 14:02:11 · 1282 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之十一
现在我们来修改传递给分发功能的对象如下:Ext.dispatch({ controller: 'Home', action: 'index', historyUrl: 'Home/index', // animation: { type: 'slide', reverse: true, },});我们已经转载 2012-05-08 13:53:25 · 825 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之十
查询功能执行Ext.ComponentQuery.query,并且返回一个组件队列,因此,有且仅有一个组件条目化ID为BackBtn,返回阵列的第一项就是工具条按钮。如果需要查找更多的关于组件查询资料,你可以到这里( here )来阅读和查zho,看看Sencha Touch文档是如何来解释的。 既然我们已经得到了按钮的实例,我们就可以附加一个处理器,当按钮被触按/点击时来触发。我们实现转载 2012-05-08 13:52:08 · 1023 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之九
由于我们没有设定xtype,工具条将使用按钮xtype,并且作为Ext.Button类的一个实例。按钮的文本属性将成为按钮的标签。使用itemId可以得到按钮对象的实例,我们可以利用这一特性在适当的时候来实现按钮的显示和隐藏,但是最重要的是这个功能可以被用作当按钮被触按和点击时附加调用方法。UI属性定义了按钮的风格,设置其为回退功能,按钮为前向箭头。下面这里是工具条看起来的一种形状转载 2012-05-08 13:50:23 · 743 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之七
在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式。控制器action的调用方式将按下面三种方式:l 利用路由作为href属性的定位标记的一个值的方式:Some Routel 利用Ext.dispatch 和 Ext.redirect 功能: Ext.redirect(‘route’转载 2012-05-08 13:48:37 · 1040 阅读 · 0 评论 -
从零开始学习Sencha Touch MVC应用之四
现在准备测试!在基于webkit的浏览器中,打开index.html文件,你将看到信息框的显示。创建视图:我们的视图可以用扩展Sencha Touch组件的方式来创建,它们负责数据的渲染和展示,采用这种技术可以使我们的应用看起来非常酷。创建主视:Viewport当我们运行应用时,我们必须建立的第一个视图是Viewport,这个是我们的主要视图,在这个视图中我们将会进行其他试图的转载 2012-05-08 13:39:24 · 1305 阅读 · 0 评论