2.0版增加了模态框并重写了右键菜单插件。界面改为全中文。使用方式更加灵活。
同时,文件及目录改名更方便,直接双击名称就可改名。
这是DEMO的效果图。
1、功能上的主要改进是可以双击改文件/目录名称,还有就是选项增加了
modal:true,
delBtn:true,
delBtn:function(){
//do something
},
这使用使用方式更加多样,方便用于不同场景。
具体用法:
$(function(){
$('#normal').YesFinder({modal:true},function(file,finder){
finder.alert('你选择的文件是 "'+file+'"');
});
$('#modal').YesFinder({modal:true,width:900,height:600},function(file,finder){
file = finder.baseUrl + file;
console.log(file);
this.find('img')[0].src = file;
finder.YesModal.hide();
});
$('#delBtn').YesFinder({
modal:true,
delBtn:true,
delBtnClick:function(finder){
this.find('img').attr('src','nopic.gif');
}
},function(file,finder){
file = finder.baseUrl + file;
this.find('img')[0].src = file;
finder.YesModal.hide();
});
});
2、界面及交互更加人性化。
为此,专门写了YesModal(模态框)和YesContextMenu(右键菜单)2个插件,这2个插件可以单独使用。
3、全部改为了中文。
项目地址: https://github.com/steven-ye/YesFinder