我想在我的HUE应用程序中使用HDFS文件浏览功能。我不知道从哪里开始

Question

我想做一些类似于Hive中用于在我的HUE应用程序中上传数据的文件浏览实现。我不知道从哪里开始。我的要求是

1. 显示文件浏览图标
2. 点击后，打开HDFS文件系统，让用户选择一个文件夹或文件，如模式（如Windows Select）。
3. 在我的应用程序中使用所选的文件夹或文件。

到目前为止， 1.我能够显示文件图标，当我点击它时，它需要一个全新的HDFS文件浏览页面。但我需要一个模态。 然后，我尝试了另一种方法。下面的代码打开了一个模态，但显示在其中的内容是乱码，我没有任何意义。

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" href="/filebrowser/view=/user/hive/warehouse/customers">Open Modal</button>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

有人可以帮我解决这个问题吗？我真的很感激。