2018年6月20日水曜日

HTMLテーブルのソート

たまには競馬から少し遠い記事でも。
僕が使っている方法です。
例えば、さっき実装したコレですね。
Twitterに途中のアップしていたので、その続きをやっておきました。

吉村智洋騎手成績

規模が小さく、コードも短い簡単なのであれば、こんな方法もありますよ。という紹介。
ざっとGoogleで検索するとライブラリ使った方法も多くありますが、そこまででも無い普通のやつです。
ガチでコードを説明はここ向きでは無いし、雰囲気だけでも…。
使うのは普通のjQueryと、あれば便利なjQuery.tmpl.jsだけで充分。
今はtmpl.jsの次期ライブラリもありますが、僕はテンプレート側では何もしないので問題無し。

JSONからのデータを加工

主に表示するとき用のカスタマイズですね。

t1

これには$.extendを使用。
上記だと$.extend(d,{})の箇所です。
日付8桁から、18-6/1のようにやってたりします。
これをテンプレート側で行う方法もあるのだけれども、全部jsファイル内ですべきと僕は思う。
基のデータ+拡張分を1つのオブジェクトとして用意する。

DOMを作って、その生の参照を得る

続きを読む
see more info at JRDV.sp