摘要: 在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式。控制器action的调用方式将按下面三种方式:l 利用路由作为href属性的定位标记的一个值的方式:Some Routel 利用Ext.dispatch 和 Ext.redirect 功能: Ext.redirect(‘route’)l 直接调用控制器的action:Ext.ControllerManager.get(‘SomeController’).someAction()或同一控制器的this.someAction()。首先,我们在HomeC... 阅读全文
posted @ 2012-05-08 13:48 范永强 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 在此我们将要继续构建我们的Sencha Touch MVC app应用工程,这次我们将探索控制器action的不同调用方式。控制器action的调用方式将按下面三种方式:l 利用路由作为href属性的定位标记的一个值的方式:Some Routel 利用Ext.dispatch 和 E... 阅读全文
posted @ 2012-05-08 13:48 范永强 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 在目前实现的应用中,你将看到上图所示的效果,我们已经添加了一些html标签在内容中,但效果看起来还是普通的文本文字效果,为了达到预期的目标我需要设置视图的styleHtmlContent属性为true。正如你看到的,内容被切割掉不能向下滑动,为了能够达滚动效果,需要设置纵向的滚动翻屏属性,下面就是相... 阅读全文
posted @ 2012-05-08 13:46 范永强 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 在目前实现的应用中,你将看到上图所示的效果,我们已经添加了一些html标签在内容中,但效果看起来还是普通的文本文字效果,为了达到预期的目标我需要设置视图的styleHtmlContent属性为true。正如你看到的,内容被切割掉不能向下滑动,为了能够达滚动效果,需要设置纵向的滚动翻屏属性,下面就是相关代码:scroll: 'vertical',styleHtmlContent: true,style: 'background: #d8e2ef',我们也加入了风格属性在CSS标尺中,使视图的滑动动画效果更好些,现在你的文本内容在蓝色的背景看上去效果好多了,当你在视 阅读全文
posted @ 2012-05-08 13:46 范永强 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 在HomeIndexView.js中添加下面的内容:App.views.HomeIndex = Ext.extend(Ext.Panel, { html: "A Lover's Complaint" + "a poem by" + "William Shakespeare" + "From off a hill whose concave womb reworded" + "A plaintful story from a sist'ring vale... 阅读全文
posted @ 2012-05-08 13:41 范永强 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 在HomeIndexView.js中添加下面的内容:App.views.HomeIndex = Ext.extend(Ext.Panel, { html: "A Lover's Complaint" + "a poem by" + ... 阅读全文
posted @ 2012-05-08 13:41 范永强 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 现在准备测试!在基于webkit的浏览器中,打开index.html文件,你将看到信息框的显示。创建视图:我们的视图可以用扩展Sencha Touch组件的方式来创建,它们负责数据的渲染和展示,采用这种技术可以使我们的应用看起来非常酷。创建主视:Viewport当我们运行应用时,我们必须建立的第一个... 阅读全文
posted @ 2012-05-08 13:39 范永强 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 现在准备测试!在基于webkit的浏览器中,打开index.html文件,你将看到信息框的显示。创建视图:我们的视图可以用扩展Sencha Touch组件的方式来创建,它们负责数据的渲染和展示,采用这种技术可以使我们的应用看起来非常酷。创建主视:Viewport当我们运行应用时,我们必须建立的第一个视图是Viewport,这个是我们的主要视图,在这个视图中我们将会进行其他试图的描绘,你可以把它想象为画布。在我们的app/views目录下,建立一个Viewport.js文件,并且在文件中添加下面的内容:App.views.Viewport = Ext.extend(Ext.Panel, { .. 阅读全文
posted @ 2012-05-08 13:39 范永强 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 正如本文标题所述的主题我们将继续构建我们在前面已经构建的Sencha Touch MVC app,下面我们将开始进行创建一个控制器(controller)和两个视图,然后学习如何运用它们。首先让我们来添加一些目录来修改现有的工程目录结构:创建一个控制器:在app/controllers目录下创建一个HomeController.js文件,然后在里面增加下面的内容:Ext.regController('Home', { // index action index: () { Ext.Msg.alert('Test', "Home's index 阅读全文
posted @ 2012-05-08 13:35 范永强 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 正如本文标题所述的主题我们将继续构建我们在前面已经构建的Sencha Touch MVC app,下面我们将开始进行创建一个控制器(controller)和两个视图,然后学习如何运用它们。首先让我们来添加一些目录来修改现有的工程目录结构:创建一个控制器:在app/controllers目录下创建一个... 阅读全文
posted @ 2012-05-08 13:35 范永强 阅读(129) 评论(0) 推荐(0) 编辑