2.0版增长了模态框并重写了右键菜单插件。界面改成全中文。使用方式更加灵活。git
同时,文件及目录更名更方便,直接双击名称就可更名。github
这是DEMO的效果图。ide
一、功能上的主要改进是能够双击改文件/目录名称,还有就是选项增长了
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();
});
});
二、界面及交互更加人性化。
为此,专门写了YesModal(模态框)和YesContextMenu(右键菜单)2个插件,这2个插件能够单独使用。
三、所有改成了中文。
this
项目地址: https://github.com/steven-ye/YesFinderspa