Flex4 List项 增加 删除 变色等简单实现
来源:互联网 发布:vb.net 新建文件夹 编辑:程序博客网 时间:2024/05/29 10:45
示例主要实现以下功能:
1、增加项。
2、删除项。
3、单选条目变色。
4、不选中无法操作。
Mxml如下:
<?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"><fx:Script><![CDATA[ import com.XXX.model.Task; import mx.collections.ArrayCollection; [Bindable] private var _tasks:ArrayCollection = new ArrayCollection(); private function createTask():void { _tasks.addItem(new Task(newTaskTI.text,"")); } private function deleteSelectedTask():void { _tasks.removeItemAt(taskList.selectedIndex); } private function colorTask(color:String):void{ //_tasks.getItemAt(taskList.selectedIndex). var _task:Task = _tasks.getItemAt(taskList.selectedIndex) as Task; _task.color = color; this.deleteSelectedTask(); _tasks.addItem(_task); } ]]></fx:Script> <s:Panel title="Todo List" width="100%" height="100%"> <s:VGroup width="100%" height="100%"> <s:HGroup width="100%" verticalAlign="middle"> <s:Label text="New Task"/> <s:TextInput id="newTaskTI" width="100%" enter="createTask()"/> <s:Button label="Create" click="createTask()"/> </s:HGroup> <s:List id="taskList" width="100%" height="100%" labelField="name" dataProvider="{_tasks}"> <s:itemRenderer> <fx:Component> <s:ItemRenderer> <fx:Script> <![CDATA[ override public function set data(value:Object):void { if(value!=null){ taskLabel.text = value.name; taskLabel.setStyle("color",value.color); } } ]]> </fx:Script> <s:Label id="taskLabel" /> </s:ItemRenderer> </fx:Component> </s:itemRenderer></s:List> <s:HGroup width="100%"> <s:Button label="Delete" width="100%" height="30" enabled="{taskList.selectedItem != null}" click="deleteSelectedTask()"/><s:Button label="RedTask" width="100%" height="30" enabled="{taskList.selectedItem != null}" click="colorTask('red')"/><s:Button label="YellowTask" width="100%" height="30" enabled="{taskList.selectedItem != null}" click="colorTask('yellow')"/> <s:Button label="GreenTask" width="100%" height="30"enabled="{taskList.selectedItem != null}"click="colorTask('green')"/> <s:Button label="BlueTask" width="100%" height="30"enabled="{taskList.selectedItem != null}"click="colorTask('blue')"/> </s:HGroup> </s:VGroup> </s:Panel></s:Application>
AS编写Model
package com.XXX.model { public class Task { [Bindable] public var name:String;public var color:String;public function Task(name:String ,color:String) {this.name = name;this.color = color;} }}
0 0
- Flex4 List项 增加 删除 变色等简单实现
- flex4 list 实现分页
- Flex4 继承简单实现
- Jquery-1实现简单的复选框删除增加操作
- JS中简单的删除增加鼠标事件的实现
- jQuery选择器 简单实现<input>标签 增加 删除
- 两个LinearLayout实现简单的菜单增加和删除
- 使用vuejs实现简单的图书增加删除功能
- UserDao的简单使用,实现增加,删除,查询
- 购物车,增加,删除,模糊查询隔行变色+排序
- 使用angularjs实现查询、增加验证、修改、删除、以及批量删除等
- gridview 鼠标点击行变色 等实现
- flex4 datagrid增加链接按钮的方法实现
- flex4 图片/组件 拖放的简单实现
- Jquery实现table行数的增加,删除,实现指定行数的添加等应用~~~~!!!!
- angular综合题 添加 删除 排序 隔行变色 等
- 【Python】while简单实现删除list列表中的多个空元素
- C语言实现链表的创建、增加、删除、查询、逆序、清空等基本操作
- Calendar.set用法的深入探讨
- CodeForces 414B--Mashmokh and ACM (dp)
- Namenode recovery, How does namenode recovery works?
- [leetcode] Best Time to Buy and Sell Stock II
- 黑马程序员 第23天 异常总结
- Flex4 List项 增加 删除 变色等简单实现
- windows编程之自订资源
- JavaScript和Android代码相互调用
- POJ 1698 Alice's Chance
- asp.net上传的图片保存到文件夹下,并且生成缩略图
- 工作流产品标准
- install google chrome on ubuntu
- jsPlumb拖拽教程
- socket编程demo