随笔分类 - Sencha Touch2
摘要：最近要做手机移动App，最后采用HTMML5来做框架用Sencha Touch，在数据交互时遇到了Ajax跨域访问，在Sencha Touch 2中，实现跨域访问可以使用Ext类库提供给我们的类Ext.data.JsonP，如果我们要提交请求的话，可以使用request()方法，具体使用如下：在提交...
阅读全文
摘要：以下规范建议，均是在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用字体设置使用无衬线字体body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}iOS 4.0+ 使用英文字体 Helvet...
阅读全文
摘要：Ext.define('App.view.Sections', { extend: 'Ext.dataview.DataView', xtype: 'sectionslist', id: 'mainlist', requires: [ 'App.store.Sections', ], config: { store:'Sections' , //itemTpl: '{name} is {id} years old' //height: 205, scroll...
阅读全文
摘要：1.xclass 就是 Ext.create(xclass)和 xtype一样的性质，不一定非要是自己创建的。2.xtype是xclass的简称。3.使用xtype前，你要new的对象，先要requires，xclass应该不用举例Ext.Viewport.add({ xclass: 'AddressBook.view.Main' }); 等效于 Ext.Viewport.add(Ext.create('AddressBook.view.Main'));
阅读全文
摘要：原理很简单无非就是在一个容器上面选中id，用容器的add方法将button循环加入。现在我们来试一下1.先定义一个Container组件用，以后在里面添加button?12xtype:'container',id:'aaa'2.（lz使用的是mvc架构）在app.js的启动launch函数中执行以下方法：?12345678910111213for(i=0;i<=3;i++){varbutton = Ext.create('Ext.Button', {text:'Button'+i,id:'rightButton
阅读全文
摘要：大家好！我是范范。本人刚接触ST2到现在刚刚两个月，6月1号接的项目，那时才知道有Sencha Touch2这个东西，到现在两个月了期间的幸酸就不说了。今天说说在项目中用到的HTML5的本地存储。可能有的地方不是很合理，大家可以提出宝贵意见。下面开整：下面是创建数据库的代码：database.jsvar initDatabase = function(db,tables){ for(var i=0;i0){ var ids = ""; for(var index=0;index0){ newArray[k+1] = f...
阅读全文
摘要：javascript代码: Ext.onReady(function() { Ext.create('Ext.form.Panel', { title: 'Upload a Photo', width: 400, bodyPadding: 10, frame: true, renderTo: "div1", items: [{...
阅读全文
摘要：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）雷达轴 （Ext.chart.axis.Radial）序列（series）折线图 （Ext.chart.serie
阅读全文
摘要：图表的几大要素：1、坐标：上、下、左、右。坐标的类型，数字、分类...坐标包含需要显示的坐标值，即绑定的字段坐标值的样式，比如旋转、字体大小、格式坐标的最大值、最小值、是否显示网格坐标旁边显示的文字2、图表：柱状图、折线图、点图、饼图、区域图、盘表图、雷达图...图标的类型图表x、y轴对应的字段图标上显示的文字，文字的样式、位置鼠标移上去需要显示的提示信息3、样式4、数据Ext.onReady(function () { var win = Ext.create('Ext.Window', { width: 800, height: 600, ...
阅读全文
摘要：json数据服务器回传的方法.在api总指出回传的格式{success;true,data:{clientName: "Fred. Olsen Lines", portOfLoading:"FXT",portOfDischarge: "OSL" } }}}需要注意的是这里的success和data是关键字,(姑且这么叫吧)在data中是数据在客户端通过Ext.decode(response.responseText).clientName获得.第一个回传数据.这里证明在用success: function(response){}函数的
阅读全文
摘要：在做项目时，我想让一个文本框的提示文字变色，显得更醒目。但是默认的PlaceHolder颜色是灰色的。经过多次尝试和查资料，终于搞懂了。只需要一个CSS样式就可以了。HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现：<input id="t1" type="text&qu
阅读全文
摘要：在Aptana Studio上开发时发现，Aptana 没有针对ST的代码提示，确实是一大遗憾。网上搜了下，发现解决的方式也还简单。希望对有同样问题的攻城师有所帮助。环境：Aptana Studio 3, build: 3.0.6, sencha-touch-1.1.1步骤：1.在 Aptana Studio打开 Help -> Install New Software2. 单击 "Add" 添加一个 repository- Name: Spket IDE- Location:http://www.agpad.com/update3. 在 "Work wit
阅读全文
摘要：这两天应为一个页面跳转把我整的死去活来啊！官网的API不给力啊！资料太少了，害的我浪费了好长时间，最终还是弄好了，发现了一个关键问题所在：如果要使用Ext.getCmp()来得到视图或者页面组建就得在引用的页面中添加id属性，因为Ext.getCmp()是通过id来取东西的。明白这点后下面的事就好办多了。首先在控制层里面定义按钮的事件，并映射组建。config:{ refs:{ camera:'#cameraview',//拍照页面 description:'#descriptionview',//问题描述页面 ...
阅读全文
摘要：根据Sencha Touch技术框架的特点，前台展示的绝大部分数据都是通过ajax方式获取，譬如列表数据的获取、表单数据的获取等等。列表数据的获取，一般是通过store组件和list组件进行结合；表单数据的获取通常使用Ext.request方式获取。列表数据的获取代码清单：//数据列表 renderListData: function(){ //定义变量和函数的作用范围 var _scope = this; var st = new Ext.data.Store({ model: _scope.model, //store组件...
阅读全文
摘要：现在我说下phoneGap camera照片放置的位置问题 在js中有这个一句话// 使用设备上的摄像头拍照，并获得Base64编码字符串格式的图像// “Capture Photo”按钮点击事件触发函数 function capturePhoto() { // 使用设备上的摄像头拍照，并获得Base64编码字符串格式的图像 navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 ,destinationType:0}); } destinationType 有两个值，一个是0，一个是1，...
阅读全文
摘要：类库优点：1. 快速建表2. 封装CURD操作，更加简洁3. 兼容PhoneGap4. 自己用着顺手,简化操作void function(version){ var app = function(e) { _this.DB; } /** * 初始化数据库 * @param {String} dbName * @param {String} dbVersion * @param {String} dbDesc * @param {String} dbSize */ app.prototype.d...
阅读全文
摘要：最简单的弹出store中的值listeners: { itemtap: function(nestedList, list, index, target,record,e,eOpts) { var id = record.get('id'); alert(id); }
阅读全文
摘要：listeners: { el: { tap: function(e, target){ self.query('button[action=desktop_set_cancel_btn]')[0].setText('完成'); var uiName = $(target).parent('.ui_list_item').attr('ths_ui_name'); $(target).pare...
阅读全文
摘要：代码：Ext.application({ name: 'Sencha', phoneStartupScreen: 'resources/loading/Homescreen.jpg', tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg', launch: function() { //The whole app UI lives in this tab panel Ext.Viewport.add({ xtype: 'tabpanel', ...
阅读全文
浙公网安备 33010602011771号