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( )删除当前商品 效果图:
随机推荐
- div+css与xhtml+css分别是什么意思?
- 解析使用JS 清空File控件的路径值
- vbs 中调用shell.application 简单函数
- asp.net中几种常用的身份验证方法总结
- asp、html、js 禁止缓存的代码
- 轻松学习C#的结构和类
- PHP foreach循环使用详解与实例代码
- php7 安装yar 生成docker镜像
- 关于ajax的使用方法_例题、ajax的数据处理
- vue-cli如何快速构建vue项目
- Android 自动化测试经验分享 UiObejct.getFromParent()的使用方法
- jQuery响应鼠标事件并隐藏与显示input默认值
- JavaScript获取当前cpu使用率的方法
- BootStrap Tooltip插件源码解析
- 超级桌面锁定器让你电脑“永久”锁定
- Java逃逸分析详解及代码示例
- mysql5.6.8源码安装过程
- Python pandas.DataFrame调整列顺序及修改index名的方法
- Python随机函数库random的使用方法详解
- Spring JPA整合QueryDSL的示例代码