dijit/Tree 部件美化
来源:互联网 发布:网络大电影转化率 编辑:程序博客网 时间:2024/04/28 22:53
说到美化,无非就是图标、样式等等方面的内容,下面就将就如何替换dijit/Tree部件中的图标:
1.准备样式:
.organ_icon {background: url("../images/widgets/orang.jpg") no-repeat; padding-left:16px; } /*padding-left属性必须设置,否则不显示图标*/
.user_icon {background: url("../images/widgets/user.jpg") no-repeat; padding-left:16px; }
2.创建dijit/Tree部件时,重构getIconClass方法,示例代码如下:
var tree = new Tree({
model: treeModel,
showRoot:this.showRoot,
getIconClass : function(item){
if (!item.root) {
var type = this.model.store.getValue(item, "type");
var iconClass=type.replace(/ /g, "") + "_icon";
return iconClass;
}
return "Others_icon";
}
},treeDiv);
3.运行效果如下:
- dijit/Tree 部件美化
- dijit.form.ComboBox部件扩展
- dijit.tree使用
- 装扮装扮dijit.Tree
- Dijit Tree Example
- 第二部分: Dijit 3.2 标题部件
- 第二部分: Dijit 3.1 内容部件
- Dojo Dijit.Tree 懒加载
- 第二部分: Dijit 2.1 自动完成部件(Autocompletor) 。。。
- Dojo 利用 Dijit Button 和 FilteringSelect 创建自定义小部件
- Dijit Tree with Multi State Checkboxes
- dijit.tree的简单应用实例
- Dojo学习14 dijit.Tree 捕获点击事件(execute)
- DOJO-dijit.Tree(异步树的一种实现方式)
- Dijit可视化组件——Tree(一)
- dojo如何重写dijit.Tree中的getTooltip方法
- 有关dojo中dijit/Tree的操作增、删、修改
- dijit.Tree中widget和DOM node之间的切换
- 魔术方法__call 和__callStatic
- PAT (Basic Level)1031. 查验身份证
- hive left semi join
- linux下gettimeofday()的使用
- Python任务调度模块 – APScheduler
- dijit/Tree 部件美化
- 高级程序员的要求
- JVM内存管理和垃圾回收(一)
- android 错误:找不到符号
- android休眠唤醒机制-wakelock
- CMS仿站必备工具之ScrapBook火狐插件
- VS2013中添加现有窗体项
- mongodb学习(二)
- 关于SQLSERVER中使用正则表达式的方式