所使用的swc请到http://developer.yahoo.com/flash/astra-flash/autocomplete/examples.html此处下载
本示例是用yahoo写的swc包
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:yahoo="http://www.yahoo.com/astra/2006/mxml"> <mx:XMLList id="airports"> <airports> <airport> <city>Atlanta</city> <name>Hartsfield-Jackson Atlanta Int'l</name> <code>ATL</code> <country>USA</country> </airport> <airport> <city>Chicago</city> <name>ATL</name> <code>ORD</code> <country>USA</country> </airport> <airport> <city>London</city> <name>Aloange</name> <code>LHR</code> <country>UK</country> </airport> <airport> <city>Tokyo</city> <name>Angeless</name> <code>HND</code> <country>Japan</country> </airport> <airport> <city>Los Angeles</city> <name>Angeles Int'l</name> <code>LAX</code> <country>USA</country> </airport> <airport> <city>Dallas/Fort Worth</city> <name>Dallas/Ft. Worth Int'l</name> <code>DFW</code> <country>USA</country> </airport> <airport> <city>Paris</city> <name>Charles de Gaulle</name> <code>CDG</code> <country>France</country> </airport> <airport> <city>Frankfurt/Main</city> <name>Frankfurt International</name> <code>FRA</code> <country>Germany</country> </airport> <airport> <city>Amsterdam</city> <name>Amsterdam-Schiphol</name> <code>AMS</code> <country>Netherlands</country> </airport> <airport> <city>Denver</city> <name>Denver International</name> <code>DEN</code> <country>USA</country> </airport> <airport> <city>Las Vegas</city> <name>McCarran International</name> <code>LAS</code> <country>USA</country> </airport> <airport> <city>Phoenix</city> <name>Sky Harbor Int'l</name> <code>PHX</code> <country>USA</country> </airport> <airport> <city>Madrid</city> <name>Madrid-Barajas (AENA)</name> <code>MAD</code> <country>Spain</country> </airport> <airport> <city>Bangkok</city> <name>Bangkok International</name> <code>BKK</code> <country>Thailand</country> </airport> </airports> </mx:XMLList> <!--各个属性的说明--> <!--minCharsForCompletion 最小输入第几个字母显示数据--> <!--maxRowCount 最多显示多少条记录--> <!--target 目标控件id--> <yahoo:AutoCompleteManager id="autocomple" dataProvider="{airports.airport}" labelField="name" minCharsForCompletion="1" target="{txtSource}" maxRowCount="5" change="otherData(event)"/> <mx:TitleWindow x="19" y="19" width="428" height="267" layout="absolute"> <mx:TextInput x="158" y="21" id="txtSource" fontSize="12"/> <mx:DataGrid id="dg" x="0" y="51" dataProvider="{airports.airport}" fontSize="11"> <mx:columns> <mx:DataGridColumn headerText="City" dataField="city"/> <mx:DataGridColumn headerText="Name" dataField="name"/> <mx:DataGridColumn headerText="Code" dataField="code"/> <mx:DataGridColumn headerText="Country" dataField="country"/> </mx:columns> </mx:DataGrid> <mx:Label x="50" y="23" text="请输入名字:" width="100" fontSize="14"/> </mx:TitleWindow> <mx:Script> <!--[CDATA[ import mx.controls.Alert; private function otherData(event:Event):void{ for each(var xml in airports.airport){ if(xml.name==txtSource.text){ this.dg.dataProvider=xml; } } } ]]--> </mx:Script> </mx:Application>
使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM 元素引入就可以了。 一个例子:一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 ProfileLink 显示用户链接: import React from 'react'; import { rend
英文原文:http://emberjs.com/guides/components/defining-a-component/ 为了定义一个组件,需要先创建一个名字以components/开始的模板。例如:如果需要定义一个新组建{{blog-post}},需要创建components/blog-post模板。 注意: 组件名必须包含'-'。因此blog-post是一个合法的命名,而post则不是。
了解如何跨文档使用组件,以提高各工作流程的工作效率。 作为一名设计人员,您经常会创建一些在整个设计中重复出现的主要元素,如导航栏或按钮。但是,必须根据上下文或布局来自定义元素实例并非易事。在此情况下,您往往最终会创建同一基础元素的多个版本,这会使您的设计维护变得困难得多。 组件(以前称为符号)是具有无与伦比的灵活性的设计元素,可帮助您创建和维护重复元素(如按钮),同时针对不同的上下文和布局更改该按
结构 组件是对视图的一部分进行封装,以方便组织代码和重用。 任何具有 view 方法的 JavaScript 对象都是 Mithril 组件。组件可以用过 m() 函数调用: var Example = { view: function() { return m("div", "Hello") } } m(Example) // 等效 HTML // <div>Hello</d
底部动作条 按钮 按钮:浮动操作按钮 卡片 纸片 数据表格 提示框 分隔线 网格 列表 列表控制 菜单 选择器 进度和动态 选择控制 滑块 Snackbars 与 Toasts 副标题 开关 Tabs 文本框 工具提示
页面往往有不少重复的元素,这时可以将这些元素抽离为独立的、可复用的部件,我们将这些部件称为组件。组件在概念上类似于 JavaScript 函数,它接收任意的参数(组件的参数称为“props”),然后返回一个可以被渲染的 Rax 元素。下面简单介绍组件的基本使用。 定义组件 有两种方式来定义组件。最简单和推荐的做法是使用 JavaScript 函数来定义一个组件: function Welcome(
我们的页面一般都是由各种各样的组件构成的,组件就像一个一个积木一样,被用来搭建成页面。例如一个带有用户信息、logo的头部就是一个组件,而用户信息、logo也许也可以是独立组件。组件化可以让我们把一个庞大的页面切割成一个一个小块来分别进行管理,也就是分而治之的思想,同时组件化也能帮助我们更好地进行代码复用。 Nerv天生是支持组件化的,组件是Nerv中的核心概念。Nerv中的组件分为 Class
下面列表中的组件被用于构建 OpenResty。所有组件均可以方便的被激活或禁止。 绝大部分组件已内置在OpenResty安装包中,但也有一部分不包含在内。 Drizzle Nginx 模块、 Postgres Nginx 模块 以及 Iconv Nginx 模块 默认并未启用。 你需要分别加入--with-http_drizzle_module、--with-http_postgres_modu