jquery easyui根据需求二次开发记录

1、tree需要显示多个图标

     实际需求:设备树上节点需搁三个图片,分别标识运行状态、告警状态、设备类型

     解决方法:给tree的iconCls传入一个数组,分别是各状态下的class(css),然后要改动easyui关于tree节点组装部分的代码                            

jquery easyui根据需求二次开发记录
if(item.iconCls ){
    cc.push("<span class=\"tree-icon tree-folder "+(item.iconCls?item.iconCls:"")+"\"></span>");
};
jquery easyui根据需求二次开发记录

       这里增加对item.iconCls的判断稍作改动即可

2、treegrid各行记录定制是否需要checkbox

     实际需求:设备树上只能让某些类型的设备添加到主面板上

     解决方法:改动easyui关于treegrid的节点组装函数renderRow,if(col.checkbox){...}改为

if(col.checkbox && col.checkbox(row[_7ca],row)){...}

                   这样就可以类似formatter一样可以附加函数实现定制。

                   页面代码这样写:

<th data-options="field:‘ck‘,checkbox:showCheck"></th>  
jquery easyui根据需求二次开发记录
function showCheck(value,row){
            if(row.type == 1){
                return true;
            } else{
                return false;
            }         
}
jquery easyui根据需求二次开发记录

 

3、propertyGrid name/value的汉化:

在easyui/local/easyui-lang-zh_CN.js里增加

jquery easyui根据需求二次开发记录
if($.fn.propertygrid){  
    $.fn.propertygrid.defaults.columns[0][0].title = "<span style=‘color: #000000;‘>属性名</span>"; // 对应Name  
    $.fn.propertygrid.defaults.columns[0][1].title = "<span style=‘color: #000000;‘>属性值</span>"; // 对应Value  
}  
jquery easyui根据需求二次开发记录

 

                 

        

 

jquery easyui根据需求二次开发记录,布布扣,bubuko.com

jquery easyui根据需求二次开发记录

上一篇:[Selenium] CSS3 选择器


下一篇:(转)Memcached 之 .NET(C#)实例分析