DWZ富框架扩展icon方式

朴灿烈づ我的快乐病毒、 2022-08-07 08:50 162阅读 0赞

/**  
         * 自动加载toolbar的图片，iconClass=contexPath#imageName  
         */  
        function readyToolbarCSS() {   
            var $a = $("a[iconClass]");   
            $a.each(function(){   
                var imageName = $(this).attr("iconClass");   
                var $span = $("span", this);   
                if ($span.length == 0) {   
                    // 用作<td>中的<a>   
                    $(this).css({   
                        "background":"url(../../images/" + imageName + ".gif) no-repeat",   
                        "background-position":"50% 50%",   
                        "width":"22px",   
                        "height":"20px",   
                        "text-indent":"-1000px",   
                        "overflow":"hidden",   
                        "display":"block",   
                        "float":"left"  
                    });    
                } else {   
                    // 用作panelBar toolBar中的<span>
                    $span.css({   
                        "background-image":"url(../style/" + imageName + ".gif)",   
                        "background-position": "0 3px"  
                    });                        
                }   
            });   
        }

在页面加载的地方,或是第三方jquery插件后引入方法即可   <span iconClass="pass"></span>

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 DWZ框架--页面样式丢失

案例今天我导入DWZ框架demo时，发现主页面样式丢失，出现了如下图那鬼样： ![20160717023845743][] ![20160717023857

小鱼儿/ 2022年09月23日 08:53/ 0 赞/ 191 阅读

相关 DWZ框架的基本使用

1.HTML 扩展 1.A 链接扩展 <a href="w\_alert.html" target="ajax" rel="container"

痛定思痛。/ 2022年08月07日 13:46/ 0 赞/ 346 阅读

相关 DWZ富框架扩展icon方式

/ 自动加载toolbar的图片，iconClass=contexPathimageName / fu

朴灿烈づ我的快乐病毒、/ 2022年08月07日 08:50/ 0 赞/ 163 阅读

相关监听esc键关闭dialog dwz框架

document.onkeydown = function(e){ // alert(1) var keycode = "";

待我称王封你为后i/ 2022年02月15日 11:27/ 0 赞/ 309 阅读

相关使用dwz框架配合MVC使用<二>

上一篇，大该说了一下，富客框架和MVC搭建配置型软件的一些操作，接下来加，看看对应配置操作; 先来看看配置界面 [![d4ce2b9a8ec21d2c3bd903640

不念不忘少年蓝@/ 2022年01月13日 07:39/ 0 赞/ 386 阅读

相关 uniapp 文本组件text、字体图标icon和uni-icons、富文本rich-text

text 属性: selectable 文本是否可选,默认为false space="emsp/ensp/nbsp"

亦凉/ 2021年07月24日 14:02/ 0 赞/ 1698 阅读

相关对dwz的combox组件扩展属性

前言：今天使用到dwz的combox组件，根据官方API上写的“value属性则用来指定combox的默认值”，但是经过实践发现，该属性并没有起到作用，结合到dwz的检索功能，

痛定思痛。/ 2021年06月24日 16:09/ 0 赞/ 335 阅读

相关 dwz框架新建更新后对原表格刷新

前言：最近做的一个项目中使用了dwz，发现后来的表格在新增、更新后原来的表格不再刷新了，由于dwz用的不是很熟悉，但是隐约感觉，肯定标签中的rel标记出的问题。首先：

水深无声/ 2021年06月24日 16:09/ 0 赞/ 383 阅读

相关为dwz扩展树形下拉框

前言：在之前的博客中写了一个不在dwz环境下制作的树形下拉框，但是使用dwz后，发现需要为dwz扩展一个自己的组件，通过value属性为服务端传递请求参数，通过title属性显

红太狼/ 2021年05月10日 11:18/ 0 赞/ 508 阅读

相关改造DWZ框架

前言：直接从网上荡下DWZ的[dwz4j企业级Java Web快速开发框架(Mybatis + SpringMVC) + jUI整合应用][dwz4j_Java Web_Myb

骑猪看日落/ 2021年05月10日 11:18/ 0 赞/ 514 阅读