使用方法:
第一步:将本帖附件解压出一个“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;
}
网友评论