ExtJS基础组件

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、

时间: 2024-10-19 00:20:58

ExtJS基础组件的相关文章

Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis)视频教程

Extjs5.0从入门到实战开发信息管理系统(Extjs基础.Extjs5新特性.Spring.Spring mvc.Mybatis)视频教程下载   联系QQ:1026270010 Extjs作为一款优秀的JS前端开发框架以其良好的架构.丰富的UI组件库.完善的文档和社区支持等诸多优点拥有广泛的市场应用空间,开发人员无需过多的关注HTML.CSS甚至各种常用JS算法,只需把精力放在业务逻辑上,利用各种组件的相互组合调用便可轻松而高效的开发出系统的前端页面. Extjs5在之前版本的基础上又推出

ExtJs4.2应用:使用ExtJs扩展组件searchfield实现数据搜索功能

ExtJs4.2应用:使用ExtJs扩展组件searchfield 实现数据搜索功能 1.引入searchfield组件 在Ext目录下放入ux目录将searchfield组件放入ux目录下的form文件下,如图所示: 2.在对应Js文件中引入searchfield组件 dockedItems: [{ dock: 'top', /**在顶部显示*/ xtype: 'toolbar', /**以工具栏形式展示*/ items: { width: "25%", fieldLabel: 'L

Ext JS 6学习文档-第3章-基础组件

基础组件 在本章中,你将学习到一些 Ext JS 基础组件的使用.同时我们会结合所学创建一个小项目.这一章我们将学习以下知识点: 熟悉基本的组件 – 按钮,文本框,日期选择器等等 表单字段的校验 菜单和工具栏 设计一个表单 计算器程序– 本章的示例项目 转载请注明出处:http://www.jeeboot.com/archives/1219.html 本章的主要目的是创建一个表单设计和一个计算器示例项目.以下图分别展示了表单设计和计算器设计. 首先,你观察下列表单设计,你会发现我们使用了大量的控

Extjs基础入门视频教程

Extjs5.0从入门到实战开发信息管理系统(Extjs基础.Extjs5新特性.Spring.Spring mvc.Mybatis)适合人群:初级课时数量:40课时用到技术:Extjs基础,Extjs5新特性,sencha cmd,spring,spring mvc, mybatis涉及项目:信息管理系统核心框架(mvvm+mvc架构)咨询qq:1840215592课程内容简介:1.课程研发环境开发工具:eclipse,sencha cmd:数据库工具:mysql5,mysql workben

3. playbook基础组件

Playbook playbook是由一个或多个“play”组成的列表.play的主要功能在于将事先归并为一组的主机装扮成事先通过ansible中的task定义好的角色. 从根本上来讲,所谓task无非是调用ansible的一个module.将多个play组织在一个playbook中,即可以让它们联同起来按事先编排的机制同唱一台大戏. playbook基础组件 Hosts和Users playbook中的每一个play的目的都是为了让某个或某些主机以某个指定的用户身份执行任务. hosts用于指

Extjs获得组件值的方式

 Extjs中找Form,Extjs找组件的方式: 1,Extjs.getCmp 2,通过组件之间的关系,up,down 结论: 1,form.getValues()和form.getForm().getValues()效果是一样的,如gradeCode和gradeCode2 2,form如果取单个值,可以通过先找组件,然后取组件值,如gradeCode3 3,form.getValues()返回的是一个数组,可以通过 . 来取得 在上次Grid选择多行提交的时候,我们获取records的内容是

extjs每个组件要设置唯一的ID

extjs每个组件要设置唯一的ID,否则会造成各种错误 EXTJS基本上是靠ID来识别组件的,假如你在panel1中有个ID:"keyword"的textfield,而panel2中有个ID相同的textfield ,那么,当你关闭panel2,由于extjs发现panel2中的ID:"keyword"组件在panel1中仍然使用中,是不会销毁掉它的,于是它成为一个孤立的对象,从而造成混乱. 无论如何,你得时刻记着,任何时候,必须确保对象ID是唯一的.这有两个做法:

Android 基础组件

基础组件 所有的控件都可以在java代码中创建出来,并且大部分的属性都对应set和get方法,比如 View view = new View(Context context)  context是上下文,是Activity父类,一般传入当前Activity 1.TextView text 文本 setText() getText() textColor文本颜色 #FFFFFF setTextColor(Color.Blue) getTextColor() textSize文本大小   sp set

数据库写库基础组件设计思想与实现

码农一定会遇到写库的繁琐操作,字段少的话数据访问层的SQL语句封装还好实现,可是字段一旦多起来,比如十多个二十多个字段的话,SQL的封装将会是一个巨大的难题,并不是说难度有多大,而是这样的操作很繁琐,况且极容易出错,SQL语句一旦出错很难排查.我也是在开发中遇到了相同的问题,这样的问题总会浪费很多不必要的时间,所以我就想能不能提供一个公共的基础组件来实现繁琐的底层SQL语句操作,我们只需要调用一些简单的借口就能实现数据库的快捷的写库.首先,写库时必要的信息包含:要写入的列名,还有就是数据实体.(