出版时间:2012-12 出版社:人民邮电出版社 作者:加西亚 页数:445 字数:629000 译者:石头狗
Tag标签:无
内容概要
《Ext JS实战》编著者Jesus Garcia。 《Ext
JS实战》以示例方式对Ext JS这种用于创建前端用户界面的 Ajax框架进行了详细讲解,内容丰富全面,易于理解。 《Ext
JS实战》共分为5个部分,包含17章内容,分别介绍了Ext JS基本概念、Ext JS组件、数据驱动的组件等内容,此外还介绍了Ext
JS框架中的其他高级内容,比如拖曳支持以及创建扩展和插件等内容。在本书最后一部分中,还通过构建Web程序的方式来帮助读者学习其中的关键概念,比如用命名空间和文件系统来组织类。
《Ext JS实战》适合想要学习并在实际中应用Ext
JS,而且具有一定的JavaScript、HTML、CSS经验的开发人员阅读。
作者简介
Jesus Garcia是一位Ext JS社区领袖。自2006年以来,他已经为许多企业部署和优化了世界级的Ext
JS应用程序。
书籍目录
第一部分 Ext JS介绍
第1章 独特的框架
1.1 认识Ext JS
1.2 需要知道的事项
1.3 框架概览
1.4 Ext JS 3.0的新特性
1.5 下载并配置
1.6 测试
1.7 小结
第2章 基础回顾
2.1 正确的开始
2.2 Ext.Element类
2.3 使用Template和XTemplate
2.4 小结
第3章 事件、组件和容器
3.1 通过Observable管理事件
3.2 组件模型
3.3 组件的生命周期
3.4 容器
3.5 小结
第二部分 Ext JS 组件
第4章 组件的安身之所
4.1 Panel
4.2 弹出窗口
4.3 组件也可以放在选项卡面板里
4.4 小结
第5章 元素的摆放
5.1 简单的ContainerLayout
5.2 AnchorLayout
5.3 FormLayout
5.4 AbsoluteLayout
5.5 让组件填满整个容器空间
5.6 AccordionLayout
5.7 CardLayout
5.8 ColumnLayout
5.9 HBox和VBox布局
5.10 TableLayout
5.11 BorderLayout
5.12 小结
第6章 Ext JS的表单
第三部分 数据驱动的组件
第7章 历史悠久的
第8章 EditorGridPanel
第9章 DataView和ListView
第10章 图表
第11章 树
第12章 菜单、按钮和工具栏
第四部分 高级Ext
第13章 拖放基础
第14章 部件的拖放
第15章 扩展和插件
第五部分 构建应用程序
第16章 可重用的开发
第17章 应用层
章节摘录
版权页: 插图: 尽管从技术上看所有这些区域是被分开的,split参数会让BorderLayout在中央和其他区域之间显示一个5个像素高(或宽)的分隔条。可以通过分隔条来调整这些区域的大小。BorderLayout是通过BorderLayout.SplitRegion类达到这个效果的,这个类创建了一个用绝对坐标表示的不可见的div,这个div用来接收用户的单击和拖曳行为。当拖曳动作发生的时候,会出现一个代理div,这个代理的div是分隔条div的兄弟,这样,用户就可以精确地看到调整后这个区域所达到的宽度和高度了。 接下来,开始实例化这些子元素,这些子元素都有BorderLayout.Region的参数。为了能够看到之前所说的效果,需要让这些区域彼此之间有所差异。 对于第一个子元素,将它的region属性设置为‘north’,这样保证它会显示在BorderLayout的顶部。在设置BoxComponent.特有的参数height,以及region—特有的参数minHeight和maxHeight的时候,我们使用了一点小技巧。把height设置为100,实际上是指在渲染面板时的初始高度是100个像素,而minHeight让这个区域最小的高度是100个像素,这样再拖动分割条的时候不会超出坐标。对于maxHeight参数也是同样的,只不过它所设置的是区域扩展的最大高度。同时将Panel特有的参数collapsible设置为true,当这个区域被收缩的时候,最大高度是30个像素。 接下来定义了viewport的第二个成员,也就是South区域,这次用的还是同样的技巧,这次不允许调整大小,不过区域之间5个像素的分隔条仍然保留。通过将split参数设置为false,告诉这个区域不可以调整大小。这样做也会让区域减去那5个像素的分隔条,但是这样会让布局看起来有些不完整。为了能够实现一个装饰作用风格的分隔条,可以指定这个区域所特有的margins参数,这个参数指定了South区域和它上方的内容之间要保留5个像素的空白。但是,在这里需要提醒一点,尽管现在这个布局看起来很完整,不过如果用户想要调整大小的话,其实是无能为力的。 定义的第三个元素。是East区域。这个区域的配置和North面板有点类似,不过它的大小限制更加灵活一些。在North区域中,定义的是最大的尺寸,而East区域定义的是minWidth和maxWidth。这样的大小设置,可以让ul以一种默认的或者是建议的大小来显示面板的尺寸,同时这个面板还可以重新设置大小,超出它最初的大小。 对于West区域,有一个区域特定的参数collapseMode,这个参数被设置为‘mini’。这样设置这个参数,是让Ext在收缩面板的时候收缩到5个像素,从而为Center区域提供更多的可视空间。图5—18显示了这个区域到底有多小。通过把split参数保留为true(还记得默认对象吗),而不指定最小或者最大的大小参数,Weste区域的大小可以被调整到浏览器所能允许的大小,如图5—18所示。 最后一个区域是Center区域,这是BorderLayout中唯一一个必须的区域。尽管这里的Center区域看起来是光秃秃的,但是它确实是必须的。Cemer区域通常是开发人员放置RIA UI组件的画布,它的大小依赖于其兄弟区域的大小。
媒体关注与评论
“对于使用Ext JS的用户来说,本书是非常优秀的参考资源!”——Dan McKinnon,MITRE公司“本书易于理解,可以帮助读者快速掌握Ext JS 3。”——Mitchell Simoens,高级Web开发者“本书让一个复杂的接口变得不再复杂。”——Ric Peller,Management Dynamics公司“本书真正地扩展了你的知识!”——Jeroen Benckhuijsen,法国源讯公司(Atos Origin)“这是一本非常实用的书!”———Orhan Alkan, Oracle公司
编辑推荐
全面的Ext JS指南帮助读者获得顶级JavaScript应用程序效果深入探讨了每一个类、组件和模型演示如何构建丰富的、动态的用户界面和响应式的应用程序通过本书全面掌握Ext JS
名人推荐
“本书易于理解,可以帮助读者快速掌握Ext JS 3。” ——Mitchell Simoens 高级Web开发者
图书封面
图书标签Tags
无
评论、评分、阅读与下载