Wijmo UI for the Web
クイックスタート
Wijmo ユーザーガイド > ウィジェット > FileExplorer > クイックスタート
全て展開全て展開
すべて折りたたむすべて折りたたむ
 

このクイックスタートでは、HTML マークアップおよび jQuery スクリプトを使用して、wijfileexplorer ウィジェットを HTML プロジェクトに追加する方法を学習します。

  1. テキストエディタで新規の HTML ページを作成するには、下記コードを追加して文章を .html の拡張子で保存します。

    ドロップダウンしてマークアップをコピーします

  2. 依存ファイルへのリンクを HTML ページの <head> タグ内に追加します。最新の依存ファイルについては、「 wijmo cdn」のコンテンツ配信ネットワーク（CDN）ファイルを参照してください。

    ドロップダウンして参照コードをコピーし、head タグ内に貼り付けます。

  3. <body> タグ内に次のマークアップを追加して、ウィジェットを作成します。<div> 要素によってウィジェットが作成され、その高さと幅が設定されます。

    ドロップダウンしてマークアップをコピーし、body タグ内に貼り付けます。

  4. <head> タグ内の参照の後に、次のスクリプトを追加します。このスクリプトはウィジェットを初期化し、 viewPath オプションの初期パスを設定します。

    スクリプト
    コードのコピー 
    <script type="text/javascript">
        $(document).ready(function () {
        $("#fileexplorer").wijfileexplorer({
          actionUri: "fileexplorer.ashx",
          viewPaths: ["~/Example"]                   
        });
    });

  5. ウィジェットに、Example フォルダの内容が表示されます。

関連トピック

参照

wijfileexplorer メソッド

 

 

Copyright © GrapeCity inc. All rights reserved.