ExtDesigner：ExtJS 3.0可视化控件设计指南

1星需积分: 10 27 浏览量更新于2024-07-29 1 收藏 3.44MB PDF 举报

"ExtDesigner for ExtJS 3.0 使用帮助文档是一份详尽的指南，针对ExtJS 3.0这个流行的JavaScript框架中的可视化控件拖动设计器提供教学和操作支持。ExtJS 3.0以其易用性和JSON格式配置而著称，但众多复杂的组件可能令初学者感到困惑。Ext Designer的出现旨在简化开发过程，通过直观的工具箱、画布以及组件配置和数据存储面板，使得开发者能够更加高效地构建应用程序。该文档的结构清晰，包括目录、简介和多个章节。"Introduction"部分介绍了Ext Designer的用途和设计理念，旨在帮助用户快速熟悉并掌握这款工具。"Chapter 1: Getting Started with Designer"则详述了如何开始使用设计师，包括如何导航设计界面、理解和使用工具箱中的各种组件，如按钮、表格、窗口等。"Canvas"部分着重于实际的设计过程，让用户了解如何在设计区域拖拽和布局组件。 "Component tab"章节介绍了设计器中的组件管理功能，用户可以在此选择、添加和定制所需的组件，并通过"Component Config inspector"来配置每个组件的行为和外观。"Data Store tab"涉及数据管理，指导用户如何关联数据模型和组件，确保数据的流动和显示。此外，文档还贴心地包含了"Shortcuts"部分，让读者了解快捷键，提高设计效率。总体来说，这份帮助文档不仅适合初次接触Ext Designer的开发者，也是经验丰富的ExtJS开发者提升工作效率的实用参考资料。通过阅读和实践这份文档，用户能够更好地利用Ext Designer进行ExtJS 3.0项目的开发，从而提升开发质量和速度。"

Chapter 1: Getting Started with Designer Page 13

“Chapter 2: Working With Layouts in Designer” to learn how to select and congure layouts

and see examples of them.

» Auto

» Absolute

» Accordion

» Anchor

» Border

» Card

» Column

» Fit

» Form

» Hbox

» Table

» Vbox

Conﬁguring Components

Component attributes such as titles and labels can be edited directly in Designer. Just dou-

ble-click the text you want to modify and type. The Component Cong inspector enables

conguration of all possible attributes for the selected component. Whenever you change

the attribute from something other than the default value, Designer places an ‘x’ next to the

attribute. This makes it easy to nd edited attributes and revert to the default.

For the example application, start by setting the title and column heading attributes. Dou-

ble-click the title of the top-level panel (‘My Panel’) and type

Car Listings. This does the

same as setting the title attribute in the Component Cong inspector. You’ll see the follow-

ing:

Next, double-click the text in the three column headings in the grid (‘Column’) one at a

time. Type over each column head

Manufacturer, Model, and Price (from left to right) to

change their names.

Use the Component Cong inspector in the lower right corner of the Designer window to

set the rest of the component attributes in the example application.

剩余82页未读，继续阅读

普通网友

粉丝: 0
资源:
6

ExtDesigner：ExtJS 3.0可视化控件设计指南

ExtJs3.0中文帮助文档(chm格式)

ExtJS3.0中文API

Extjs3.0 中文API帮助文档

ExtJs3.0 Ext.form.CheckboxGroup批量取值和设值方法

ExtJs : Ext.data.store 中each的使用技巧

extjs 6.2.0 帮助文档

extjs6的Ext.Ajax.request中怎么跳转到其他页面

ext3.0 提示框

extjs6的Ext.Ajax.request中怎么跳转到其他js页面

extjs6 做一个从数据库拿数据做一个动态tree

最新资源