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

使用方法：

第一步：将本帖附件解压出一个“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;
}