Wijmo UI for the Web
wijribbon jQuery ウィジェット
| Javascript (Usage) | |
|---|---|
$(function () { var options; //タイプ： wijmo.ribbon.wijribbon.options $(".selector").wijribbon(options); }); | |
| Javascript (Specification) | |
|---|---|
| |
| 名前 | 解説 | |
|---|---|---|
 | compactMode | デフォルト値: false compactModeオプションがtrueで、リボンが単純なリボンではない場合、コンパクトモードで表示されます。 |
| data | デフォルト値: null このオプションを使用して、カスタマイズされたリボン（リボンタブ、グループ、ボタン）を作成します。リボンのデータは以下のように定義できます。var ribbonData = []; // formatタブの定義 ribbonData[0] = { id: "format", text: "format", groups:[ // Actionsグループの定義 { id:"Actions", text: "Actions", css: "wijmo-wijribbon-actions", // グループのボタンの定義 buttons:[ // 大きいボタンの定義: save { name: "save", tip: 'Save', text: 'Save Button', css: "wijmo-wijribbon-save", buttonType: "bigButton", action: function (e) { alert("Save"); } }, // redoとundoをワンセットにします。 [ { name: "undo", tip: 'Undo', css: "wijmo-wijribbon-undo", buttonType: "button" }, { name: "redo", tip: 'Redo', css: "wijmo-wijribbon-redo", buttonType: "button" } ], // previewとcleanupをワンセットにします。 [ { name: "preview", tip: 'Preview', css: "wijmo-wijribbon-preview" }, { name: "cleanup", tip: 'Clean up', css: "wijmo-wijribbon-cleanup" } ] ] }];現在サポートされているボタンのタイプは、"button"、"buttonWithText"、"bigButton"、"checkbox"、"dropdownButton"、"radio"、"splitButton"です。ユーザーはボタンのテキスト、ツールチップ、クラス、クリック関数を定義できます。1つのグループに複数のボタンがある場合は、それらを配列に入れます。詳細については、customizeribbonbydata.htmlおよびcustomizesimpleribbonbydata.htmlを参照してください。 |
| 名前 | 解説 | |
|---|---|---|
 | destroy | 機能を完全に除去します。これは要素を初期化前の状態に戻します。 |
| registerButtonInformation | このメソッドは、カスタムボタンをボタンコレクションに追加します。 |
| ribbonClick | カスタムボタンによるリボンクリックを発生させます。 |
| setButtonChecked | リボンボタンをチェック状態または未チェック状態に設定します。 |
| setButtonDisabled | このメソッドは、コマンド名に従って特定のボタンを有効または無効に設定します。 |
| setButtonsChecked | このメソッドは、ボタンをチェック状態または未チェック状態に設定します。 |
| setButtonsDisabled | このメソッドは、コマンド名に従ってリボンの複数のボタンを有効または無効に設定します。 |
| setTabPageVisible | 指定したリボンタブページを表示するかどうかを設定します。 |
| widget | オリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。 |
