Wijmo UI for the Web
クイックスタート
全て展開全て展開
すべて折りたたむすべて折りたたむ

このクイックスタートでは、Web ページの作成、wijdropdown ウィジェットの追加、およびウィジェットの外観と動作のカスタマイズを行うことができます。

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

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

  2. CDN から最新の依存ファイルを参照するには、wijmo cdnを確認してください。これらを HTML ページの <head> タグ内に追加します。

    ドロップダウンからリファレンスをコピーして head タグ内に張り付けます。

  3. <body> タグ内に、次のようにマークアップを追加します。<select> 要素はウィジェットを作成し、その id オプションは 'select1' に設定され、それを jQuery スクリプトに呼び出してウィジェットを初期化します。このマークアップは、米国およびカナダのグループラベルを持つ都市のドロップダウンリストを追加します。Los Angeles オプションもあらかじめ選択します。

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

  4. <head> タグ内の参照の下に、次のスクリプトを追加して jQuery ウィジェットを初期化します。

    ドロップダウンからスクリプトをコピーして head タグ内に張り付けます。

  5. HTML ファイルを保存し、それをブラウザで開きます。ウィジェットは以下のライブウィジェットのように表示されます。

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.