【技術メモ】freoのメディア管理画面で画像を並び替えてみる

freo

ブログを編集していると、画像の処理が面倒なことに気がついた。

メディアファイルが増えるにつれて、最新画像が下へ下へと行ってしまう。
最新画像を上に表示するためには、その都度更新日時をクリックしなけれならない。

134457.png

地味に面倒なので、デフォルトで最新画像が上に表示されるようにしてみた。

PR

コードを修正してみる

フォルダ

/js/の中にある.jsファイルをそれぞれ次のように修正する。

インラインフレーム用の修正方法

iframe.js

11行目

$(document).ready(function() {
//メディア管理
$(“#media”).tablesorter({

sortList :[[1,1],[0,1]],

左メニュー中段の修正方法

admin.js

16行目

$(document).ready(function() {
//タグ入力
$(“#tag”).jTagging($(“#taglist”), “,”);

//メディア管理
$(“#media”).tablesorter({
sortList :[[1,1],[0,1]],

34458.png

更新日時を降順で表示することができました。

PR

応用してみる

sortList :[[1,1],[0,1]],

[1.1] → データの2番目を降順で並び替え
[0,1] → データの1番目を降順で並び替え

と行った感じで設定することができます。

PR

参考にしたサイト

tablesorter の sortList オプションでページ表示時の並び基準を指定
jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表(テーブル)において、ページを読み込んだとき、どの列を基準に並べるかを指定する方法。ページを読み込んだときの並び替え基準...

コメント

タイトルとURLをコピーしました