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这个图标可以用,他妈的原来如此!你的懂?不懂就一步一步来吧,先下载份加虚线的源码,引入没问题之后,在修改图标,如果出错,那就恭喜了!
相关推荐
-
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( )删除当前商品 效果图:
随机推荐
- php str_getcsv把字符串解析为数组的实现方法
- redis简介_动力节点Java学院整理
- Java中使用辗转相除法求最大公约数
- Python urls.py的三种配置写法实例详解
- javascript cookie操作类的实现代码小结附使用方法
- jsp中Action使用session方法实例分析
- android如何获取联系人所有信息
- IE cache缓存 所带来的问题收藏
- Ajax方式删除表格一行数据示例代码
- PowerShell实现的文件同步脚本分享
- PHP判断远程图片或文件是否存在的实现代码
- 浅谈对于DAO设计模式的理解
- Smarty模板学习笔记之Smarty简介
- linux 中zabbix监控安装方法
- Python zip()函数用法实例分析
- Python输入二维数组方法
- Android使用View Animation实现动画加载界面
- docker django无法访问redis容器的解决方法
- Python定时任务sched模块用法示例
- Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖