Flex tree加虚线显示效果并且替代原始图标

一、Flex tree修改默认图标,并且加虚线显示效果图如下:
 
实在是看不下去那种巨丑无比的小箭头+文件夹的显示方式,就从网上down了一份加虚线的源码,就是重写Tree的ItemRender,网上很多,不在啰嗦,下面就是去掉


代码如下:

mx|Tree {
folderOpenIcon:ClassReference(null);
folderClosedIcon:ClassReference(null);
}

至于为什吗去掉这个样式,狗日的Flex有两个默认图标,如果你发现你有类似的两个“+”,“-”时你就明白Flex多吗草蛋,更操蛋的是去掉这两个样式后,ItemRender报错了,FUCK!,鄙人经过不断实践终于发现,原来我禁用了Flex的默认图标icon,这家伙就是和folderOpenIcon、folderClosedIcon的样式息息相关,草啊,妈的无奈之下那咱就改成禁用


代码如下:

mx|Tree{
disclosureOpenIcon:ClassReference(null);
disclosureClosedIcon:ClassReference(null);
}

操他妈的谁知道这种方式竟然“只可远观不可亵玩”,**子节点点不出来,Shift!、Shift、Shift!,突然转念一想他把1禁用的时候代码中disclosureIcon这个图标可以用,他妈的原来如此!你的懂?不懂就一步一步来吧,先下载份加虚线的源码,引入没问题之后,在修改图标,如果出错,那就恭喜了!

(0)

相关推荐

  • Flex tree加虚线显示效果并且替代原始图标

    一.Flex tree修改默认图标,并且加虚线显示效果图如下:  实在是看不下去那种巨丑无比的小箭头+文件夹的显示方式,就从网上down了一份加虚线的源码,就是重写Tree的ItemRender,网上很多,不在啰嗦,下面就是去掉 复制代码 代码如下: mx|Tree { folderOpenIcon:ClassReference(null); folderClosedIcon:ClassReference(null); } 至于为什吗去掉这个样式,狗日的Flex有两个默认图标,如果你发现你有类似

  • jquery <li>标签 隔若干行加空白或者加虚线的方法

    实例如下: $(function () { $('ul li').addClass(function (i) { return i % 6 == 5 ? "ab" : ""; }); // 隔6行 加空白.或者加虚线 $('.imglist li').after(function (i) { var css = ""; if (i % 3 == 2) { css = "<div class='dashed clear' >&

  • 如何巧用vimdiff来替代原始的svn diff和git diff(效率提升)

    有许多命令行选手在linux下开发的时候会经常遇到一个问题,无论是svn还是git,提供的原始diff功能太难以阅读,我们希望的是能够命令行下也能展示side by side的对比模式,而不是inline的方式,这里我们提供了一个小技巧来解决眼睛疼的问题. 1.Vimdiff替代svn diff 1)编写脚本 执行vim diffwrap.sh,添加如下内容(输入:i,然后右键复制原文,粘接内容到终端): #!/bin/sh #过滤掉svn diff的前五个命令行参数 shift 5 #使用vi

  • Flex字体加粗问题只能对英文的字体加粗

    默认的情况在flex中对label进行字体加粗的时候,只能对英文的字体加粗,而中文的就不可以加粗: 为了能够使中文能够加粗,需要将label的字体修改成中文的"宋体"或者"微软雅黑"等中文字体,然后将fontFamily设置为bold即可:例子如下: 复制代码 代码如下: <s:Label text="标签:" fontWeight="bold" fontFamily="微软雅黑" fontSize=

  • flex动态加载swf皮肤示例代码

    复制代码 代码如下: <?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" minW

  • flex tree自动显示横向滚动条实现代码

    复制代码 代码如下: package com.anydata.consumer.components { import flash.events.Event; import mx.controls.Tree; import mx.core.ScrollPolicy; import mx.core.mx_internal; /** * 自动显示横向滚动条 */ public class AutoSizeTree extends Tree { public function AutoSizeTree

  • Flex4 使用itemRenderer 为Tree加线具体实现

    复制代码 代码如下: package Modules { import flash.display.BitmapData; import flash.display.Graphics; import mx.collections.ICollectionView; import mx.collections.IList; import mx.controls.Tree; import mx.controls.treeClasses.ITreeDataDescriptor; import mx.co

  • Extjs中通过Tree加载右侧TabPanel具体实现

    最近在做一个物流管理的项目,公司必须要求用Extjs4.1来做界面,因为以前一直也没有接触过所以开发的过程中遇到了很多的困难.同时Extjs4.1的资料在网上也相对来说较少.好了,不说废话上代码: 1.左侧的功能树 复制代码 代码如下: Ext.define("AM.view.SystemTree", { extend : 'Ext.tree.Panel', alias : 'widget.systemTree', rootVisible : false,// 不展示ROOT disp

  • Flex tree组件数据源、图标等修改

    更换Tree组件默认.打开.关闭.有子项等几个状态下的ico图标. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <!-- Tree control example. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">     <!--下面是样式-->     <mx

  • js实现购物车加减以及价格计算功能

    本文实例为大家分享了js实现购物车加减以及价格计算的具体代码,供大家参考,具体内容如下 需求说明: 1.单击"半闭"按钮时,关闭当前页面购物车页面 2.单击"移入收藏"弹出收藏提示 3.单击"删除"弹出确认删除提示 4.单击"结算"按钮,弹出结算信息页面窗口 5.自动计算商品总计 6.单击"删除"按钮,使用parentNode访问当前节点的父亲节点等,使用removeChild( )删除当前商品 效果图:

随机推荐