• Home
  • MTAppjQuery
  • MTAppjQuery v1.7.0 リリース - $.MTAppListing() を追加ほか

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 の tablejsontable-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 のクラスに oddeven を交互で付けました。
  • MTAppJSONTable のスタイルを調整しました。

修正点

  • $.MTAppHasCategory が、環境変数 PreviewInNewWindow 1 のときに動作しない不具合、プレビュー時に動作しない不具合を修正
  • MTAppJSONTable で add: false, clear: true を設定したときの削除ボタンが動かないのを修正

ダウンロードはこちらからお願いします。

今年は、昨年までよりもリリースのサイクルを短くして行きたいと思います。

今年もよろしくお願い致します!!

MTAppjQuery について

Movable Type の管理画面をフロントエンドの知識だけで簡単にカスタマイズすることができます。

クライアントの満足度を高めるためにぜひお使いください。

MTAppjQuery の詳細を見る

Iamge Description

Recent Entries

Pickup Categories

Movable Type

CMSとして国内5万サイト以上に導入されている Movable Type に関する記事です。

Craft CMS

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。