Javascript elFinder打开不同的文件夹

我正在开发一个小的webapp，我在上面使用elFinder，所以用户可以浏览一些远程目录

我遇到的主要问题是，我可以打开远程文件夹的根目录，但目标是拥有直接指向每个文件夹的专用链接

现在我正在使用以下代码：

$(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>

×
反应敏捷的
接近
保存更改

是否可以使用相同的连接器更改我要在每个模式上打开的文件夹

---

如何实现这一点？

我建议您使用Bootstrap文档中所述的事件系统。 例如，为每个模式注册show事件

$('#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');
});

您可以使用get方法将“控件”发送到connector.php，比如connector.php&folderState=1。这只是一个例子

不要忘记在关闭和清除elfinder实例上销毁干净的模态体，这样当您再次调用连接器时，您就有了一个“干净的表”

---

希望有帮助。

我忘了提到Boostrap的页面链接。给你