北风网extjs第三讲.ExtJS工具栏、菜单栏.ppt

北风网项目培训北风网项目培训第三讲.ExtJS工具栏、菜单栏讲师：五月虎（北风网版权所有)在线选课系统课程知识课程知识1、工具栏2、菜单栏ExtJSExtJS工具栏工具栏工具栏元素名称说明 Ext.Toolbar.Button可以加入到工具栏中的按钮组件 Ext.Toolbar.Fill用于填充工具条的空白元素Ext.Toolbar.Item基类，为其子类提供工具栏的基本功能支持Ext.Toolbar.Separator工具栏分隔符Ext.Toolbar.SplitButton菜单按钮Ext.Toolbar.TextItem文本元素 工具栏的配置：ExtJSExtJS工具栏工具栏-常用方法常用方法方法名方法名参数参数类类型型说说明明 addButton()Object/Array config 添加一个或多个Ext.Toolbar.Button/SplitButton对象 addElement()Mixed el 添加Element元素 addField()Ext.form.Field添加表单组件 addFill()添加一个用于充满工具条的空白元素addSeparator()添加一个工具栏的分隔符addText()String text添加一个字符串add()Mixed arg1,Mixed arg2,Mixed etc该方法用于向工具栏中添加元素，它支持一个变长的参数列表，可以一次性加入多个工具栏元素配置配置项项类别类别说说明明handlerFunction一个函数，在按钮被单击之后被调用iconClsString一个样式表，提供按钮显示的图标menuMixed参数可以是一个菜单对象或者是菜单对象的id,也可以是一个有效的菜单配置对象 textString按钮上显示的文字ExtJS-Ext.Toolbar.ButtonExtJS-Ext.Toolbar.Button主要配置主要配置Add(按钮、HtmlElement、Field、-，-，String)ExtJSExtJS菜单栏菜单栏配置项参数类型说明itemsMixed一个有效菜单的数组，菜单项shadowBoolean/String阴影显示方式：默认为true即sides方式sides方式的阴影位置：左-右-下frame方式阴影位置：左-右-下-上drop 方式阴影位置：下-右 菜单元素名说明Ext.menu.TextItem文本元素Ext.menu.Separator菜单分隔符Ext.menu.CheckItem包含选择框的菜单项，也可以是一个单选组 Ext.menu.Menu主要配置Ext.menu.Menu主要类型ExtJSExtJS菜单栏菜单栏-常用方法常用方法方法名参数类型说明addElement()Mixed el添加Element元素addItem()Ext.menu.Item item添加一个已存在的菜单项addMenuItem()Object config根据一个菜单项配置对象，添加菜单项 addSeparator()添加菜单的分隔符addText()String text添加一个字符串 本课程版权归北风网所有本课程版权归北风网所有欢迎访问我们的官方网站