Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

注意:事实上发现,mx:Repeater控件在数据大的时候性能很差。
但是当换成AdvancedDataGrid发现,鼠标在Grid上移动Flex自动为焦点所在行修改css,为屏蔽该效果,自定义如下控件:
ApmAdvancedDataGrid.as


代码如下:

package com.nauproject.apm.common.custom
{
    import flash.events.MouseEvent;

import mx.controls.AdvancedDataGrid;
    import mx.core.mx_internal;
    use namespace mx_internal;

public class ApmAdvancedDataGrid extends AdvancedDataGrid
    {
        public function ApmAdvancedDataGrid()
        {
            super();
        }

override protected function mouseOverHandler(event:MouseEvent):void {
        }

override protected function mouseDownHandler(event:MouseEvent):void {
        }
    }
}

ApmAdvancedDataGridColumn.as


代码如下:

package com.nauproject.apm.common.custom
{
    import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;

[DefaultProperty("apmColumn")]

public class ApmAdvancedDataGridColumn extends AdvancedDataGridColumn
    {
        public function ApmAdvancedDataGridColumn(columnName:String=null)
        {
            super(columnName);
        }

}
}

用法示例:


代码如下:

<custom:ApmAdvancedDataGrid id="reqResearchSeeds" headerHeight="0"
                        sortableColumns="false"
                        selectionMode="multipleCells"
                        alternatingItemColors="[0xccffcc, 0xfafad2]"
                        variableRowHeight="true"
                        designViewDataType="flat"
                        borderStyle="none"
                        verticalGridLineColor="#FFFFFF"
                        themeColor="#FFFFFF"
                        width="100%"
                        height="100%">
                        <custom:columns>
                            <custom:ApmAdvancedDataGridColumn headerText="Album" dataField="album" width="50"/>
                            <custom:ApmAdvancedDataGridColumn itemRenderer="com.nauproject.apm.common.custom.LabelTextReqRes"/>
                        </custom:columns>
                    </custom:ApmAdvancedDataGrid>

注意:LabelTextReqRes.mxml


代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <!--[CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.AdvancedDataGrid;
        ]]-->
    </mx:Script>
    <mx:VBox>
        <mx:Label id="lab1" text="◆研究テーマ"/>
         <mx:Text id="txt1" htmlText="{data.rthema}" width="455" y="{lab1.height}"/>    
         <mx:Label id="lab2" text="◆キーワード" y="{lab1.height + txt1.height}"/>
         <mx:Text id="txt2" htmlText="{data.keyword}" width="455" y="{lab1.height + txt1.height + lab2.height}"/>
         <mx:Label id="lab3" text="◆研究の特徴" y="{lab1.height + txt1.height + lab2.height + txt2.height}"/>
         <mx:Text id="txt3" htmlText="{data.rtoku}" width="455" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height}"/>
         <mx:Label id="lab4" text="◆技術移転の可能性" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height + txt3.height}"/>
         <mx:Text id="txt4" htmlText="{data.rkanousei}" width="455" y="{lab1.height + txt1.height + lab2.height + txt2.height + lab3.height + txt3.height + lab4.height}"/>
    </mx:VBox>
</mx:Canvas>

(0)

相关推荐

  • Flex DataGrid DataGridColumn数据颜色多样化-类型替换

    比如 0--关闭(red),1--开启(green), 就这两个比较简单的代表.在读出数据的时候,需要按照上面的标注来显示其字体的颜色,这个时候,有好几种处理方法,不过目的只有一种.就是为了得到颜色字体. 这里就直接给出程序吧,其实很简单.还有另外的两三种方法吧,呵呵,其实由于用法相当多,它的设置参数也十分的多,根据需要可以设置出不同的效果出来.希望对大家有帮助. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?

  • Flex3 DataGrid拖拽到ClumnChart动态显示图表实现代码

    支持多行同时拖拽,重复数据不重得添加,添加了图表右键菜单. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> <mx:Scr

  • Flex动态生成可编辑的DataGrid具体实现代码

    一:先说说我写这个DataGrid具有的功能 1.表头是动态生成的. 2.每行都是有序号的. 3.每行都是可以编辑.插入.删除.修改的. 4.每个单元格都是加验证的. 5.单元格有些是经过渲染生成的比如:Combobox,DateField... 二.说一些实现这些功能的困难 写这个的时候感觉都是困难不知道,走过来了也就木有神马啦,最让我费劲的就是渲染例如:Combobox在渲染的时候不能用ItemRenderer因为他不能绑定值,只能用ItemEditor但是怎样获得这个一个经过渲染的对象,通

  • Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

    注意:事实上发现,mx:Repeater控件在数据大的时候性能很差. 但是当换成AdvancedDataGrid发现,鼠标在Grid上移动Flex自动为焦点所在行修改css,为屏蔽该效果,自定义如下控件: ApmAdvancedDataGrid.as 复制代码 代码如下: package com.nauproject.apm.common.custom {     import flash.events.MouseEvent; import mx.controls.AdvancedDataGri

  • BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法

    弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图.如需激活弹出框,用户只需把鼠标悬停在元素上即可.弹出框的内容完全可使用 Bootstrap 数据 API(Bootstrap Data API)来填充.该方法依赖于工具提示(tooltip). 1 设置延时, 超过该延时未移入弹窗则弹窗隐藏 Tooltip.prototype.init = function{中的 var triggers = this.options.trigger.split(' ')后面加上 /

  • 使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

    具体代码如下所示: <template> <div> <table> <tr v-for="item in tableData" :value="item.value" :key="item"> <td> <div> <template> {{item.id}} </template> </div> </td> <td&g

  • 详解Java图形化编程中的鼠标事件设计

    鼠标事件的事件源往往与容器相关,当鼠标进入容器.离开容器,或者在容器中单击鼠标.拖动鼠标时都会发生鼠标事件.java语言为处理鼠标事件提供两个接口:MouseListener,MouseMotionListener接口. MouseListener接口 MouseListener接口能处理5种鼠标事件:按下鼠标,释放鼠标,点击鼠标.鼠标进入.鼠标退出.相应的方法有: (1) getX():鼠标的X坐标 (2) getY():鼠标的Y坐标 (3) getModifiers():获取鼠标的左键或右键

  • 关于js中的鼠标事件总结

    js中鼠标事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的这些事件都包含有一个事件对象event,当然在IE低版本下,event对象是挂在window底下的.这个我们另行讨论. 1.通过html添加事件 <input type="button" click="alert(1)"/> 2.通过DOM0级方式添加事件 <input type="button"

  • Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    思路: 1.首先要定位实现这种效果的元素 ,本次通过class 2.如果是动态显示不同的提示内容,需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下,弹出框跟随鼠标在目标元素上移动 5.再把 mouseover .mouseout 合并成 hover 复制代码 代码如下: //页面加载完成 $(function () {     var x = 10;     var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标     $(

  • js实现当鼠标移到表格上时显示这一格全部内容的代码

    想实现这样一个功能,就是在一个表格中,由于很多字过多,所以用文字溢出的方法处理了,但是这样就无法看到表格中具体的内容呢.想实现当鼠标移上去的时候可以显示这一行被隐藏的内容.当然这个网上有很多插件,但是我没有用,还是自己写了一个. css部分 <style> #showbox { width: 150px; min-height: 50px; font: 100 14px/1 "微软雅黑"; border: 1px solid #3c8dbc; display: none;

  • JQuery鼠标移到小图显示大图效果的方法

    本文实例讲述了JQuery鼠标移到小图显示大图效果的方法.分享给大家供大家参考.具体分析如下: 这里的显示大图功能类似上一篇<JQuery实现超链接鼠标提示效果的方法>,稍微修改一下代码,就可以做出一个图片的提示效果. 参考前面的超链接提示效果的代码,只需要将创建的div元素的代码改为: //创建 div 元素 图片提示 var tooltip = "<div id="tooltip"><img src=""+ this.hr

  • vue实现鼠标移过出现下拉二级菜单功能

    1.我曾经听一位快十年前端大佬说过一句话,就是能用css实现的动画,就用css不要用js去实现 因为在渲染上css肯定比js效果更好 我用jquery曾经实现过鼠标点击 出现下拉菜单 有点和面包屑 和标签页导航类似  后来参加工作了 公司一直在用vue 所以很多用jqeury写的项目都要用vue来重构 这其中不免碰见了有一些动画效果 虽然很简单 我也曾想着就用jquery去实现吧 代码多一点无所谓了 但最后却不是这样 vue好像和jquery中的有些插件冲突了  只要vue已导入 那些用jque

  • Qt图形图像开发之Qt曲线图美化QChart QScatterSeries 空心点阵图,鼠标移动到上面显示数值,鼠标移开数值消失效果实例

    最近接到一个Qt QChart曲线图美化的需求,画一个折线图,关键点使用空心的圆点标识出来,鼠标移动到关键点上,显示出当前数值:鼠标移走数值消失. 效果图如下: 我们遇到这个需求的时候,第一时间就会想到使用 QLineSeries 画折线图. 首先初始化 QChart *chart = new QChart(); chart->legend()->setVisible(false); ui->chartView->setChart(chart); ui->chartView-

随机推荐