A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 程序插件 > shopex插件 > 后台管理列表[拖动改变列宽]补丁插件 for ShopEX
后台管理列表[拖动改变列宽]补丁插件 for ShopEX

后台管理列表[拖动改变列宽]补丁插件 for ShopEX

  • 软件大小:1 KB
  • 软件语言:简体中文
  • 更新时间:2010-09-21
  • 软件类型:国产软件 / shopex插件
  • 运行环境:Linux/2003/PHP
  • 软件授权:免费软件
  • 官方主页:http://
  • 软件等级 :
  • 软件厂商:zhangyi
立即高速安全下载
  • 介绍说明
  • 下载地址
  • 精品推荐
  • 相关软件
  • 网友评论

使用方法:

第一步:将本帖附件解压出一个“list.html”文件 ,将其覆盖到 网店根目录coreadminviewfinder

第二步:将以下代码粘贴到 网店根目录shopadmincssadmin.css
/*重写 后台列表页 Finder类的initList方法*/
Finder.implement({
   initList:function(){
    this.parent();
     var finderHeader=$('finder-head-'+this.name);
            var finderList=$('finder-list-'+this.name);
             finderHeader.getElements('.col-resize-handle').each(function(cr,index){
                                    cr.addEvent('click',function(e){e.stop();});
                                
                                    new Drag(cr.getParent('div[class^=span-]'),{
                                       modifiers:{'x':'width'},
                                       limit:{'x':[15,500]},
                                       handle:cr,
                                       unit:0,
                                       onBeforeStart:function(el){
                                          el.store('rows',finderList.getElements('.row-line div:nth-child('+(index+1)+')'));
                                       },
                                       onDrag:function(el){
                                          if(!finderHeader.hasClass('col-resizing'))finderHeader.addClass('col-resizing');
                                          var w=el.getStyle('width').toInt();
                                          el.retrieve('rows').setStyle('width',w);
                                          $(el).addClass('resizing').retrieve('rows').addClass('resizing');
                                       },
                                       onComplete:function(el){
                                          finderHeader.removeClass('col-resizing');
                                          $(el).removeClass('resizing');
                                          $(el).retrieve('rows').removeClass('resizing');
                                       }
                                    });
                              
                               });
  }

});

第三步:将以下代码粘贴到 网店根目录shopadmincssadmin.css文件的尾部。
/*列拖动相关的CSS定义*/
.finder-col{
    overflow:hidden;
}
.finder-col span{
    display:inline;
    line-height:25px;
    height:25px;
    float:left;
}

.finder-col span.col-resize-handle{
    float:right;
    text-indent:2000px;
    width:5px;
    overflow:hidden;
    cursor:col-resize;
    margin-right:-2px;
  
}
.col-resizing .pointer:hover{
  color:#000!important;
}


.resizing{
   border-right:1px dotted #333!important;
   background:#f3ecd3;
}
 


 

 

下载地址

  • PC版

本地下载

相关软件

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

本类排名

本类推荐

装机必备

换一批

相关资讯

公众号