`
wentry
  • 浏览: 13375 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex4.5 在查询到的数据列中添加图片,对选中的数据行进行删除等操作

阅读更多
效果图:







flex4.5中,利用DataGrid显示从数据库中查询到的数据后,在每行数据后添加删除图片(当然也可以添加修改等图片),点击图片后,显示提示对话框,确认删除时,则执行删除数据行的操作。

mxml文件:
<s:DataGrid width="100%" height="90%" alternatingRowColors="[#ffffff,#eff3fa]"
dataProvider="{keyWordList}"  requestedRowCount="4"
selectionColor="#a8c6ee">
<s:columns>
    <s:ArrayList>
<s:GridColumn dataField="no" headerText="no"></s:GridColumn>
<s:GridColumn dataField="wordMessage" headerText="关键词"></s:GridColumn>
<s:GridColumn dataField="createTime" headerText="创建时间"></s:GridColumn>
<s:GridColumn headerText="删除" >
<s:itemRenderer >
<fx:Component>
<s:GridItemRenderer>
<fx:Script source="../../event/manage/KeyWordPageEvent.as">
</fx:Script>
<mx:LinkButton id="keyWord_D_Button"
   click="keyWord_D_Button_clickHandler(event)"
   icon="@Embed(source='../../img/common/del.png')"
   />
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
    </s:ArrayList>
</s:columns>
</s:DataGrid>


KeyWordPageEvent.as文件

import flash.events.MouseEvent;

import mx.controls.Alert;
import mx.events.CloseEvent;
import mx.rpc.events.FaultEvent;

import proxy.manage.KeyWordProxy;

import vo.manage.KeyWordPageVO;

[Bindable]
public var keyWordPageVO:KeyWordPageVO = new KeyWordPageVO();

public var keyWordProxy:KeyWordProxy = new KeyWordProxy();

// 获取数据
override public function set data( value:Object ) : void {
if(null != value){
keyWordPageVO= value as KeyWordPageVO ;
}
}

protected function keyWord_D_Button_clickHandler(event:MouseEvent):void
{
// 设置显示信息
Alert.yesLabel = "是";
Alert.noLabel = "否";
Alert.show("是否要删除关键词:"+keyWordPageVO.wordMessage,"提示",Alert.YES|Alert.NO,null,closeHandler );
}

// 关闭提示框后显示的提示信息
protected function closeHandler(event:CloseEvent):void
{
// 取得 点击的按钮信息,
var result:int = event.detail;

// 点击事件判断 result值为1时,说明点击了"是"按钮,值为2时,说明点击了“否”按钮
if(result == 1){
// 执行删除操作

} else {
// 无操作
}

}


KeyWordPageVO.as文件
package vo.manage
{
[Bindable]
public class KeyWordPageVO
{
// 编号
public var no:int;
// 关键词内容
public var wordMessage:String;
// 创建时间
public var createTime:String;

public function KeyWordPageVO()
{
}
}
}

  • 大小: 20 KB
  • 大小: 17.2 KB
分享到:
评论

相关推荐

    flex4.5d sdk哦

    关于“flex4.5d sdk”这一主题,其核心知识点主要围绕Adobe Flex 4.5 SDK的使用、功能以及在当前技术环境下的地位与获取途径展开。以下将深入解析Flex 4.5 SDK的重要概念、特性及其应用领域,旨在为读者提供全面而...

    Flex 4.5''中文资料

    ### Flex 4.5'' 弯曲度传感器中文资料 #### 产品简介 Flex 4.5''弯曲度传感器是一款专用于检测物体弯曲程度的传感器。该传感器具有4.5英寸(约11.43厘米)的长度,能够在不同弯曲角度下产生可变电阻值的变化,从而...

    Flex 4.5 实现tree拖拽到任意组建

    本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...

    Flex 4.5 API

    在Flex 4.5中,有许多关键的改进和新特性,包括Spark组件模型、Skinning和Styling的增强,以及数据服务的优化。 1. **Spark组件模型**:Spark组件模型是Flex 4.5的核心,它与以前的 Halo 组件模型相比,提供了更...

    flex4.5 权威指南(含源码)英文版

    在Flex 4.5中,ActionScript的使用更加规范和高效,与MXML(标记语言)相结合,可以方便地创建用户界面。 3. **Spark组件**:Spark组件是Flex 4.5的一大亮点,它们具有更好的可定制性和性能,比MXML组件更灵活。...

    flex4.5中文文档

    ### Flex 4.5 中文文档关键知识点概览 #### 1. 引言与概述 - **Flex 4.5 发行版介绍**:此版本着重于将Flex框架拓展至移动设备领域,如智能手机和平板电脑。通过Adobe AIR技术的支持,开发者能够以接近桌面应用的...

    Flex4.5+Myeclipse8.5安装

    本文将详细介绍如何安装Flex 4.5与MyEclipse 8.5,并解决在安装过程中可能遇到的一些常见问题。特别是针对文中提到的Flex 4.5注册码分享以及MyEclipse 8.5的汉化问题。 #### 二、Flex 4.5 安装步骤 ##### 1. 获取...

    使用 Flex 4.5 访问数据

    在使用 Flex 4.5 进行数据访问时,开发者需要注意数据访问服务的法律声明问题。具体到 Adobe Flex,它们的法律声明可以在 Adobe 的官方网站上找到相关链接。 总体而言,使用 Flex 4.5 访问数据涉及到的技术和方法论...

    Introducing Adobe Flex 4.5 SDK

    - **安装与设置**:开发者需要下载Flex SDK并将其添加到开发环境中,如Flash Builder。这通常涉及设置环境变量和路径,以便编译器可以找到必要的库和工具。 - **创建项目**:使用Flex SDK,开发者可以创建新的Flex...

    Flex4.5常见问题总结

    ### Flex4.5常见问题总结 #### 一、Flex4.5组件开发模型与特性 Flex4.5采用了一种基于组件的开发模型,开发者可以通过继承现有组件并扩展其功能来构建自己的应用程序。这一模型的核心优势在于提高了代码的复用性,...

    flex4.5 学习资料

    1. **Flex 4.5概述**:Flex 4.5是Flex框架的一个重要版本,它在Flex 4的基础上进行了许多改进和优化,增强了性能和可扩展性。它引入了Spark组件模型,与以前的 Halo组件模型相比,提供了更现代、更可定制的用户界面...

    FSH.rar_flex_flex hibernate_flex4_flex4.5_spring3 flex4.5

    在Flex 4.5中,开发者可以利用Spark组件模型创建更具视觉吸引力的UI,同时受益于ActionScript 3.0的强大编程能力。 Spring 3是Java企业级应用开发的核心框架,提供了一整套服务,包括依赖注入、AOP(面向切面编程)...

    flex4.5从浅入深第一、二章清晰版

    本书《flex4.5从浅入深》旨在帮助开发者深入理解Flex 4.5的各个方面,从基础知识到高级特性,逐步提升开发技能。标题表明本书分为两大部分,第一章节包含16节内容,第二章节则有5节,都提供了清晰易读的版本。 在...

    Myeclipse8.5+flex4.5+Blazeds+SSH环境搭建

    10. **项目发布**:在 MyEclipse 中,将 Flex 相关的配置文件和类库发布到 Tomcat 的 `WEB-INF` 目录下,确保服务器能够正确识别和加载这些资源。 11. **源文件夹配置**:为了使 MyEclipse 能够识别 Flex 项目,...

    Flex4.5做的3D网页效果展示墙

    在Flex4.5中,使用Spark Effects库可以实现这种效果,例如通过Transform3D类进行复杂的3D旋转和平移,使得元素有如从画面深处走出来或消失到画面深处的感觉。 “视频播放效果墙”则是将多个视频以3D方式排列展示,...

    Flex 4.5注册码,破解码

    Flex 4.5注册码,破解码

    flex4.5 打印功能

    在 Flex 4.5 中,打印功能得到了显著增强,提供了更加灵活和精细的控制,使得用户能够方便地将应用程序中的数据和视图输出到打印机。 在描述中提到的“分页”功能,意味着Flex 4.5允许开发者处理多页打印内容。这...

    flex4.5从嵌入式教程

    在Flex 4.5中,你可以通过MXML或ActionScript来创建和定制这些控件,利用属性和方法调整它们的外观和行为。例如,你可以设置控件的文本、大小、颜色,甚至添加自定义的行为。 接下来,事件侦听是Flex应用程序中不可...

    Flex4.5 Moblie Hello

    2. **Mobile Project in Flex**:在Flex 4.5中,开发者可以创建专门针对移动设备的项目。这些项目可以利用移动特有的功能,如触摸事件、加速度计、摄像头等。Flex Builder或Flash Builder(集成开发环境IDE)提供了...

    Flex4.5 手机项目

    在这个项目中,开发人员利用Flex的强大功能来创建用户界面,同时结合SQLite数据库进行本地数据存储,以实现离线数据操作。 首先,该项目使用SQLite作为数据库系统。SQLite是一款轻量级的关系型数据库,特别适合...

Global site tag (gtag.js) - Google Analytics