YesFinder - 網頁文件管理系統 V2.0

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

相關文章
相關標籤/搜索