投稿

ラベル(jQuery)が付いた投稿を表示しています

CIOが増殖中

イメージ
急速充電器が増えてきて面倒…  スマートフォン、ノートPCなど増えてきて、標準の充電器ってかさばるし、持ち運ぶのも邪魔。 そこで、電源タップ付きのものや、小形でMacbookProに充電できるものを探して購入。 気づいたら、CIO製品が増加していた。 持ち運び用 (1)  https://amzn.to/4d83MBV (2)  https://amzn.to/3P3B9xZ 自宅用 (3)  https://amzn.to/42WLezS どれも、それ程かさばらず、重宝しています。 電源タップが必要な場合は、(2)を持っていくけれど、ほとんどの場合は(1)のみでOK。 1ポートなら67W出力可能なので、全く問題なし。 2ポート以上使用しても、45W出力してくれるので、困ることはない。 (2) の場合は、延長ケーブルも持って歩くことが多いかなぁ。 1m程のケーブルが有ると、電源が取りにくい場所でも、なんとかなる。 という感じです。 ゼロハリのアタッシュケース自体が重いので、なるべく軽くするために(1)が常用です。 UGREENとかAnkerとかも良さそうなだけど、今の所CIOばかり増殖していますねぇ。

DataTablesが動かない理由

イメージ
結構面倒な処理 PHPでデータをDBから取得、表示する。この時ページネーションを行うのは、定番だけど…。 よく出てくる割には、案外面倒な処理。 Bootstrapだと、表示用のCSSは用意されているけれど、ロジックは無い。 フレームワークだと、ライブラリで持っていることもあるけれど、サクッと動く感じではない。 で、 DataTables を利用するという流れになるわけなんだけど…。 jQueryのプラグインで、tableタグをtheadとtbodyに分けて記述し、プラグインを呼び出すだけで、最低限の表の処理(ソートや絞り込み)を行ってくれる。 まあ、数百行程度なら、充分な速度で動いてくれる。 フレームワークで利用してみる 次のプロジェクトのために、色々とテストを行っている。 今回のDataTablesも、事前のテストの一環。 さて、フレームワークを使って、DBからデータを吸い出し、同様にDataTablesを利用するようにcodeを書きなおしてみる。 ところが、表示してみても、何も反応してくれない。(全く動作していない感じ) 項目表示の部分に△▽が表示されるはずなんだけど、これが出てこない。 もちろん、検索窓も、表示件数の処理も…。 なぜだ〜。 ということで、基本に立ち返りサンプルコードでテスト。 うむ、問題なく動作している。 と、ここまで作業して気づいたことがある。 テーブルを出力するページは、ひな形classを作っておいて、コンストラクタでオブジェクト生成している。ページごとに異なる部分だけ、オーバーライドするようにしているのだけれど… DBからデータを引っ張ってきて表示する時に、1列余分に追加して表示していた。 (表示・編集・削除のアイコンを付加していた) この時、最上部の項目を出力していなかった。<th></th>が1つ不足している状態。 図のように「編集」という文字を出力するように付加してみたところ、DataTablesがちゃんと動作してくれた。 当たり前といえば…当たり前。 データをソートさせる列の列名が存在していないので、エラーを起こしているのだった。 う〜む、こんなところで躓くとは、疲れてい...