首页 > 其他分享 >flex 3 combobox 实现关键字过滤搜索-代码示例

flex 3 combobox 实现关键字过滤搜索-代码示例

时间:2023-01-13 22:39:09浏览次数:47  
标签:flex 示例 combobox label mx cards data id


<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html" xmlns:myAs="myAs.*" xmlns:wayne="com.wayne.*">

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.events.DropdownEvent;
import mx.utils.StringUtil;
public var intput_cards:Array= [];

[Bindable]public var cards:Array =
[ {label:"宋江", data:1},
{label:"的李逵", data:2},
{label:"卢俊义", data:3},
{label:"的李逵2", data:4},
{label:"的李逵3", data:5},
{label:"的李逵4", data:6},
{label:"陈江", data:7},
{label:"卢子平", data:8},
{label:"的李逵5", data:9},
{label:"太子", data:10}
];

private function changeHandler2(event:Event):void {

intput_cards = [];

if(StringUtil.trim(combobox_id.text)==""||StringUtil.trim(combobox_id.text)==null){
combobox_id.dataProvider = cards;
}else{
for(var i:int = 0; i<cards.length; i++){
if(cards[i].label.indexOf(combobox_id.text , 0)>-1){
intput_cards.push({label:cards[i].label, data:cards[i].data} );
}
}
combobox_id.dataProvider = intput_cards ;
}

combobox_id.validateNow();

combobox_id.open();

}
protected function linkbutton1_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
navigateToURL(new URLRequest("javascript:void(0)"),"_blank");
}
]]>
</fx:Script>

<s:Panel title="ComboBox Sample"
height="100%" width="100%">

<s:VGroup top="20" horizontalCenter="0" >
<s:VGroup>
<s:Label width="200" color="0x336699" text="Flex3 ComboBox Sample for search:"/>
<mx:ComboBox id="combobox_id" editable="true" dataProvider="{cards}" change="changeHandler2(event);" width="207" />
</s:VGroup>
<mx:Spacer height="80"/>

<mx:LinkButton color="red" label="" click="linkbutton1_clickHandler(event)"/>
</s:VGroup>

</s:Panel>
</s:Application>

标签:flex,示例,combobox,label,mx,cards,data,id
From: https://blog.51cto.com/u_9427273/6006736

相关文章

  • Dockerfile文件详解和nginx镜像制作示例
    Dockerfile文件中各个常用的基本命令,共18个指令FROMMAINTAINERRUNCMDLABELEXPOSEENVADDCOPYENTRYPOINTVOLUMEUSERSHELLWORKDIRONBUILDSTOPSIGNALHEALTHCH......
  • 多线程并发爬虫教程示例
    爬虫总体上分为四个主要步骤:1、明确目标,需要做的从哪个途径或者哪个范围内网站搜索。2、爬,将获取到的网站内容全部爬下来。3、取,对数据分析去掉没用的数据。4、处理数据......
  • Springboot简单整合JPA示例
    Springboot整合JPAhttps://blog.csdn.net/wdy00000/article/details/123588201文章目录JPA技术常用注解Springboot整合JPA1.引入JPA依赖2.配置3.启动类4.实体类5.......
  • uni-app Flex布局
    样式导入使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。示例代码:<style>@import"../../common/uni.css";......
  • OpenGL ES 2.0编程指导阅读笔记(二)你好,三角形:OpenGL ES 2.0示例
    本章覆盖以下内容:用EGL创建屏上表面加载顶点和片元着色器创建程序对象,附加顶点和片元着色器,并链接程序对象设置视点清除colorbuffer渲染一个简单图元使colorbuff......
  • spring boot——请求与参数校验——cookie&session——cookie设置与获取简单示例
            packageorg.example.controller;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.a......
  • CSS3 中flex 布局
    Flexbox是CSS3中的一种布局模式。它允许元素在一个容器中自动排列,可以使用灵活的方式创建复杂的布局。Flex布局有很多优点,例如,它很容易实现响应式设计,并且可以很容易地......
  • RSA非对称加密和MD5不可逆加密代码示例
    加密算法可以分为三大类:对称加密算法:DES 非对称加密算法: RSAHash算法: MD5登陆密码加密流程:web端用公钥加密密码,server端用私钥解码,将解出的明文用MD5加密......
  • 联邦学习 (FL) 中常见的3种模型聚合方法的 Tensorflow 示例
    联合学习(FL)是一种出色的ML方法,它使多个设备(例如物联网(IoT)设备)或计算机能够在模型训练完成时进行协作,而无需共享它们的数据。“客户端”是FL中使用的计算机和......
  • flex布局设置不换行之后,无法设置子元素宽度
    display:flex;flex-wrap:nowrap;我通过设置元素不换行,然后子元素分别设置了50%的宽度,但是无法生效 原因设置display:flex后,子元素在没有超过指定宽度的时候,子元素......