elFinder打開不同的文件夾

Question

我正在開發一個小型web應用程序，我正在使用這個應用程序，因此用戶可以瀏覽一些遠程目錄。

我遇到的主要問題是我可以打開遠程文件夾的根目錄，但目標是直接鏈接到每個文件夾。

現在，我使用此代碼：

$(document).ready(function() { 
    var myCommands = elFinder.prototype._options.commands; 
    var disabled = ['extract', 'archive','home','quicklook','rm','duplicate','rename','mkdir','mkfile','copy','cut','paste','edit','archive','search','resize']; 
    $.each(disabled, function(i, cmd) { 
    (idx = $.inArray(cmd, myCommands)) !== -1 && myCommands.splice(idx,1); 
    }); 
    var elf = $('#elfinder').elfinder({ 
    url : 'elfinder/php/connector.php', // connector URL (REQUIRED) 
    width: 1024, 
    height: 768, 
    commands: myCommands, 
    }).elfinder('instance'); 
}); 

而且我的HTML是這樣的：

<div id="modal_reuniaoproducao" class="modal container fade" tabindex="-1" style="display: none;"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h4 class="modal-title">Responsive</h4> 
    </div> 
    <div class="modal-body"> 
    <div class="row"> 
     <div class="col-md-12 col-lg-12"> 
     <div id="elfinder"></div> 
     </div> 
    </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

是否可以使用相同的連接器來改變我想要的文件夾在每個模式上打開？

我該如何做到這一點？

Answer 1

我推薦你使用事件系統，就像在Bootstrap的文檔中所說的那樣。 例如，註冊每個模態的顯示事件。

$('#modal_reuniaoproducao').on('show.bs.modal', function (e) { 
    // do something, in this case open elfinder. 
    var elf = $('#elfinder').elfinder({ 
       url : 'elfinder/php/connector.php', // connector URL (REQUIRED) 
       width: 1024, 
       height: 768, 
       commands: myCommands, 
       }).elfinder('instance'); 
}); 

你也可以發送 「控制」 與方法得到connector.php，像connector.php & folderState = 1。它只是一個例子。

不要忘記在關閉和清除elfinder實例時銷燬乾淨的模態主體，這樣當你再次調用連接器時，你會得到一個「乾淨的表單」。

我希望它有幫助。