MTAppjQuery v1.7.0 リリース - $.MTAppListing() を追加ほか
目次
あけましておめでとうございます。
さて、MTAppjQuery v1.7.0 を公開しました。
今回のリリースでは、
- MTAppListing を追加
- MTAppJSONTable に複数のオプションを追加
- MTAppFieldSort に2つのオプションを追加
- MTAppDialogMsg に close オプションを追加
- $.numberFormat() を追加
の他、いくつかの修正等があります。
新機能の追加
MTAppListing を追加
今回のバージョンで追加した目玉機能です。
JSON を読み込んでリストアップし、その一覧から選択する事ができます。Data API や外部の API から取得した JSON の情報を記事に関連付けたりすることができます。
サンプル動画を作ったので是非ご覧ください。
MTAppListing でリストアップする一覧用のコンテンツは色々な方法で用意できます。
- Data API で取得
- JSON をインデックステンプレートで書き出す
- JSON を返してくれる外部の API から取得
JSON のフォーマットは決まっていますが、Ajax でデータを取得した後に呼ばれるコールバック関数を設定出来るので、そこで形を整形することができます。Data API であれば、カスタムフィールドのように値が配列で返ってくる項目以外は整形する必要はありません。
MTAppJSONTable に複数のオプションを追加
v1.6.0 で追加した MTAppJSONTable をパワーアップさせました。
いくつかのタイミングでコールバックを設定できたり、セルを結合したり、テーブル内の行をドラッグアンドドロップで並べ替えたりすることができるようになりました。
セルの結合は地味かも知れませんが実装は苦労しました（笑
MTAppFieldSort に2つのオプションを追加
otherFieldHide オプション
otherFieldHide オプションに true を設定すると、sort オプションで指定した並べ替え対象のフィールド以外のフィールドを非表示にします。意外と便利です。
debug オプション
debug オプションに true を設定すると、sort オプションで指定した並べ替え対象のフィールドが見つからなかった場合に、そのフィールド名をブラウザのコンソールに書き出します。
これまでデフォルトの挙動だったのをオプション設定としました。
MTAppDialogMsg に close オプションを追加
close オプション
ダイアログを閉じる時に呼ばれる関数を設定できます。この関数の引数には jQuery のイベントオブジェクトが渡されます。
$.numberFormat() を追加
引数に渡した数字を3桁毎にカンマで区切ったフォーマとに変換して返します。1000000 という数字を「1,000,000」といった形にできます。
変更点
- MTAppJSONTable の
tableにjsontable-tableというクラス名を追加しました。 - MTAppJSONTable の中のクラス名を変更しました。
- "jsontable-clear-cb" => "jsontable-cb"
- "jsontable-clear-data" => "jsontable-selected-data"
- "jsontable-clear-cell" => "jsontable-cb-cell"
- MTAppJSONTable の
edit: falseのときのプレーンテキストをspan.jsontable-input-dataで囲みました。 - MTAppJSONTable の保存時の処理を
$.fn.MTAppJSONTable.saveとしてくくり出しました。 - MTAppJSONTable で
headerPosition: 'top'の場合のtrのクラスにoddとevenを交互で付けました。 - MTAppJSONTable のスタイルを調整しました。
修正点
- $.MTAppHasCategory が、環境変数
PreviewInNewWindow 1のときに動作しない不具合、プレビュー時に動作しない不具合を修正 - MTAppJSONTable で
add: false, clear: trueを設定したときの削除ボタンが動かないのを修正
ダウンロードはこちらからお願いします。
今年は、昨年までよりもリリースのサイクルを短くして行きたいと思います。
今年もよろしくお願い致します！！
