码迷,mamicode.com
首页 > Web开发 > 详细

ExtJS基础组件

时间:2015-06-12 14:35:57      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

1、组件分类

  大致分为四大类:

    1.容器类组件

    2.工具栏及菜单栏组件

    3.表单及元素组件

    4.其他组件

2、控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI

3、组件分类举例 

•容器组件:如toolbar、pagingtoolbar、panel、form、menu、treePanel、gridPanel、window等。
•工具栏及菜单栏组件:如tbseparator(工具栏分隔符)、menuitem(菜单项)等。
•表单及元素组件:如checkboxfield(复选框)、combo(下拉列表)、datefield(日期选择项)等。
•其他组件(包括图表、视图、编辑、按钮组件):如chart、button。
 
4、组件的创建
  通过new关键字来创建
    var ProgressBar=new Ext.ProgressBar({.....})
  通过create关键字来创建
    var ProgressBar=Ext.create(‘Ext.ProgressBar‘,{...})
  (标注:在ExtJS4.0中推荐使用create方式穿件组件)
5、ExtJS组件的配置说明
  配置主要表现为两种形式:
    常见的用逗号分隔的参数列表:Ext.Msg.alert(‘提示’,’逗号分隔列表’);
    利用JSON对象为组件提供配置:config={title:’case1’,msg:’This is mine.’};

                     Ext.Msg.alert(config)

6、JSON介绍

  JSON的全称是JavaScript  Object  Notation(JavaScript对象符号)。它以‘{’开始,以‘}’结束,属性名和值用‘:’分隔,属性间用‘,’分隔。JSON的属性可以是简单的字符串、数组、数字、true、false、null或者对象。
  举例:var person = {name:’json’,age:24,sex:’man’,married:false,books:[{name:’历史’,price:30},{name:’文学’,price:25}]}
  调用方式:alert(person.name+’’+person[“age”])(通过’.’或中括号’[]’)
7、

ExtJS基础组件

标签:

原文地址:http://www.cnblogs.com/Crow00/p/4571392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!