随笔分类 -  WebApp

摘要:Yeoman是什么?Yeoman按照官方说法,它不只是一个工具,还是一个工作流。它其实包括了三个部分yo、grunt、bower,分别用于项目的启动、文件操作、包管理。Yo: Yo是一个项目初始化工具,可以生成一套启动某类项目必需的项目文件。Grunt: Grunt是基于JavaScript的命令行... 阅读全文
posted @ 2014-10-16 14:32 IT小金 阅读(438) 评论(0) 推荐(0)
摘要:关于Android SDK无法更新的解决办法 阅读全文
posted @ 2014-02-25 15:27 IT小金 阅读(330) 评论(0) 推荐(0)
摘要:接着上一篇的登陆页面,来一个最简单的注册页面,几乎包含了常用的fieldExt.application({ id:'itKingApp', launch:function(){ var formPanel=Ext.create('Ext.form.Panel',{ id:'formPanel1', scrollable:'vertical', style:{ 'padding':'1px' }, items:[{ xtype:'fieldset', title:'用户注册&# 阅读全文
posted @ 2013-10-09 16:08 IT小金 阅读(194) 评论(0) 推荐(0)
摘要:现在来说说sencha touch中的表单,举个简单的login的例子,相关的说明我都放在了注释中,看下面代码Ext.application({ id:'itKingApp', launch:function(){ var formPanel=Ext.create('Ext.form.Panel',{ id:'formPanel1', // 表示是否可以滑动,vertical=上下滑动 horizontal=左右滑动 both=上下左右都可以 flase=不滑动 scrollable:'vertical', width:' 阅读全文
posted @ 2013-10-09 13:51 IT小金 阅读(285) 评论(0) 推荐(0)
摘要:还是直接上代码,都是基本的几个容器控件,没什么还说的Ext.application({ name:'itkingApp', launch:function(){ var view =Ext.create('Ext.NavigationView',{ items:[ { title:'title1', html:'one' }] }); var panel=Ext.create('Ext.Panel',{ title:'title2', html:'two' }); var panel 阅读全文
posted @ 2013-10-09 10:27 IT小金 阅读(159) 评论(0) 推荐(0)
摘要:carousel组件是个非常不错的东东,自带可滑动的效果,效果如下图上面部分可以左右滑动,下面部分可以上下滑动,效果还是不错的,app程序中很有用的布局代码如下:Ext.application({ name:'itKingApp', /** * Carousel 组件 */ launch:function(){ var carousel1=Ext.create('Ext.Carousel',{ ui:'dark', flex:1, direction:'horizontal', items:[ { html:'left&# 阅读全文
posted @ 2013-09-30 10:42 IT小金 阅读(204) 评论(0) 推荐(0)
摘要:今天记录一下关于sencha touch中的几种布局,其实很简单的,还是直接上代码,一目了然1:box布局,其实就是vbox和hbox,说白了一个是横着摆放,一个是竖着摆放Ext.application({ name:'myApp', launch: function(){ var myPanel=Ext.create('Ext.Panel',{ id:'myPanel', layout:{ type:'hbox', pack:'end' }, items:[ { html:'One', flex: 阅读全文
posted @ 2013-09-30 10:11 IT小金 阅读(239) 评论(0) 推荐(0)
摘要:最近在弄senchatouch的项目,所以边学习边开发,边记录,直接记录下test code如下:Panel:Ext.application({ name:'itKingApp', launch: function(){ var panel=Ext.create('Ext.Panel',{ fullscreen:true, id:'myPanel', style:'color:red', html:'主面板' }); Ext.Viewport.add(panel) // Ext.get 取得的是dom对象 var 阅读全文
posted @ 2013-09-23 17:17 IT小金 阅读(243) 评论(0) 推荐(0)