- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Ext JS 5(三)组件
组件组件是Ext JS 项目中用来构成用户界面的。 容器是组件中特殊的部分，用来装载其他组件。var childPanel1 = Ext.create('Ext.panel.Panel', { title: 'Child Panel 1', html: 'A Panel'});var childPanel2 = Ext.create('Ext.panel.Panel', {
2015-04-27 16:40:35
426
原创 Ext JS 5（二）类
或许你看过Ext JS 各种简简单单就能写出的组件，就会觉得从基础知识学起来特别的无聊，但是至少我觉得，从基础学起来会让你少走弯路，如果你没有什么项目特别着急的要使用Ext JS 那你就从头看起吧。 这篇Ext JS 的类系统也是适用于4.X的版本的。3.X的就不说了，网上大部分的Ext JS 的中文资料的都是3.X的，但是3.X的代码结构比较混乱，并且兼容性存在问题，我们公司基本上已经全线抛弃它
2015-04-24 14:12:23
716
原创 Ext JS 5 （一）准备篇
因为工作原因，接触extjs 有两年多了。从3.X到4.X，如今6都已经出来了。无奈extjs从5开始抛弃了IE8以下的版本，在实际的项目中暂时还不能应用，但是并不能影响我学习它的热情。 而且不得不说的是虽然MVC从4.X就开始引入了，但是我们还是Ext.onReady()这样用。 这也算是为什么要在研究一遍Extjs5的原因。 因为目前extjs6还在公测，而且它把extjs和sencha
2015-04-21 16:17:16
2831
2
原创 Sencha Touch学习笔记（十一）主题
Sencha Touch提供了很多主题 那我们怎么替换掉默认的主题呢？ 在通过cmd生成的工程框架里有一个app.json的文件 里面有一段配置"css": [ { "path": "resources/css/sencha-touch.css", "platform": ["chrome", "safari", "ios", "ios-classi
2015-04-21 11:45:39
490
原创 Sencha Touch学习笔记（十）体系结构
前几天领导突然提起关于extjs的MVC模式，其实Sencha Touch也可以遵循这种科学的模式体系。 基础知识说的差不多了，总想摩拳擦掌的想自己搞出点什么来。当然一个好的项目利用一个合理的模式使您的代码可测性、易清洁、维护。从初学Sencha Touch时就开始使用一个成熟的模式会让你少走很多弯路。MVCMVC全名是Model View Controller，是模型(model)－视图(vie
2015-04-21 10:54:03
392
原创 Sencha Touch学习笔记（九）表单
表单是在Sencha Touch中特别常用的一部分，大部分的App都会要去用户输入登录信息，这就要用表单来实现。在一些实际项目中，会有更复杂的信息需要人为的添加修改，也需要表单。 装载表单相关组件的容器有个专用的Ext.form.Panel，下面来写个简单的：Ext.application({ name: 'Sencha', launch: function() {
2015-04-21 09:39:03
333
原创 Sencha Touch学习笔记（八）Carousel
Carousel直译成中文就是旋转木马的意思，现在好多手机App在第一次运行的时候的欢迎说明界面基本都是这种形式的。 在Sencha Touch中跟tabPanel类似，但是它可以通过滑动手势来切换左右视图，另外还有指示点，有几个指示点就代表了有几个视图。Carousel也是一个容器，通过简单的配置，你可以横向或者纵向的切换视图。 name: 'Sencha', launch: fun
2015-04-21 09:28:35
387
原创 Sencha Touch学习笔记（七）导航视图
前面的六篇已经把Sencha Touch的基础语法基本讲完了，现在开始我们来详细的说一说其中的一些组件。导航视图（Navigation View）Navigation View是Sencha Touch中的新组件，简单说来，就是一个以card布局和dock布局的工具栏。它有一个返回按钮来返回到上一个视图： 先来一个简单的例子：var view = Ext.create('Ext.navigatio
2015-04-20 17:34:27
359
原创 Sencha Touch学习笔记（六）设备配置
当今社会移动设备各式各样，从手机到平板，大小尺寸也各不相同。人们每天耗在移动设备上的时间也越来越多。 这一切都意味着，人们期望在不同的设备上对同一个应用程序有不同的体验。然而，许多应用程序逻辑和资产是可以在不同的体验上共享的。为每个平台编写独立的应用程序是耗时，容易出错，平淡乏味。值得庆幸的是，设备配置文件给我们一个简单的方式来共享之间的设备类型所需的代码，而使它很容易定制外观，行为，并为每个设备
2015-04-20 16:08:04
395
原创 Sencha Touch学习笔记（五）事件
事件的监听我们可以通过配置listeners来监听事件，比如下面一个panel渲染到屏幕上的时候：Ext.application({ name: 'Sencha', launch: function() { Ext.create('Ext.Panel', { html: 'My Panel', fullscreen: tr
2015-04-20 13:29:28
1149
原创 Sencha Touch学习笔记（四）数据
数据包（Data Package）是负责加载和保存在Sencha Touch应用程序的所有数据。 它涉及到三个部分：model, store, proxy（模型、商店、代理）。 model：model表示你的工程所关心的实体。用户，联系人，地址，和产品都可以被模型。在其最简单的，一个模型只是一个收集的领域和他们的数据，但他们可以做的更多。 store：一个store是一个model实例。它主
2015-04-20 11:18:00
509
原创 Sencha Touch学习笔记（三）布局
之前的文章提到了layout: ‘hbox’,这个其实就是布局。本篇主要就来讲layout，布局在Extjs和Sencha Touch中都是很重要的一部分，也有相似的部分，当然Sencha Touch作为移动框架，布局也很有移动端的特性。 布局描述是组件的大小和位置。 Sencha Touch的布局有hbox、vbox、card、fit、dock等等。Hbox LayoutExt.create(
2015-04-20 09:59:18
505
原创 Sencha Touch学习笔记（二）组件
上一篇了解到Sencha Touch的类之后，现在让我们来了解一下Sencha Touch强大的组件吧。 注：本文大部分案例来自于官网API。组件（Components）大部分你能与之互动的可视化的类都属于组件，Sencha Touch中所有的组件都继承自Ext.Component。
2015-04-17 16:30:50
602
1
原创 Sencha Touch学习笔记（一）类
#### 1.类系统（The Class System） Sencha Touch 使用的类系统源于Ext JS4，如果你使用过或者了解Ext JS4，那么这篇内容对你来说应该相当的容易。 类：不用复述，目前很多编程语言都有类的概念，一个类可以有属性有方法，Sencha Touch也是一样。 注：本篇的大部分案例来源于官网API下面就是一个例子，一个动物，有名字（这是属性），可以叫（这是方法）
2015-04-17 13:33:39
461
原创 Sencha Touch学习笔记--准备篇
最近一直在学习web前端的东西，因为在工作中用过Extjs4.2，而且最近公司在移动端对页面有要求，便对Sencha Touch提起了兴趣。目前网络上于此相关的资料甚少，不是版本较早就是内容不多，搜来搜去都是那么几篇博文，于是我不如将自己的学习笔记记录下来，如果对别人有所启示也算是好事一件了。 Sencha Touch 目前的最新版是 Version 2.4.1。需要的
2015-04-17 12:43:51
609
原创 文章标题
最近从服务器开发转到前端，突然有好多东西要学起来，觉得也是时候自己开个博客记录一下了.System.out.println("See you, Java");alert('Hello js!');
2015-04-17 11:05:45
245
界面设计工具Pencil-1.2.0.win32.installer.exe
2014-11-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人