メソッドを用意します /* * ローダー表示、表示中判定 */ export function isBusy(value?: boolean): boolean { // オフライン if (isOffline() === true) { return true; } let loader = $(".ui-loader"); if (typeof value === "undefined") { return load…

ウィンドウ下端から出てくる通知メッセージを作成してみます interface ToasterOptions { timeoutSec?: number; // 閉じるまでの秒数 top?: boolean; // 上から float?: boolean; // 浮かせて表示 } namespace Toaster { "use strict"; let _timeoutHandle =…

ファイルのアップロードなんかをするときのクルクルに進捗を付けてみますui-loaderクラスを探してプログレスバー替りのdivを挿入します ui-progress-loadingクラスをでっちあげておきます あとは$.ajaxSettings.xhr()でとれた値に合わせて幅を変更するだけで…

HandsonTableは標準で優れた編集機能を有しています カラムの設定時にreadOnly:trueとすれば正にEXCELライクな編集機能が手に入ります 引っかかることもさくサックサクに動きます エディタも色々と用意されており、もうお腹いっぱいですここでは編集開始のイ…

カラムヘッダ部にボタンを付けてポップアップなんぞ表示してみます カラムヘッダに細工をする場合は、オプションのcolHeaders: trueをcolHeaders: function()に変更してメソッド内で処理します columns: GetColumnsで指定しているtitleを削除しなくては反映…

jQuery Mobileさん、iosやandroid上だとinputにフォーカスが行く度にヘッダーとフッターが隠れます 表示面積を大きく取るためなのでしょうが、うっとおしいです よくある動作ですが、うっとおしいです CSSを上書きして捻り潰してくれます /Src/cm.css /* Mob…

HandsonTableのセルに色を付け、アイコンを付けてみます http://andymatthews.net/code/jQuery-Mobile-Icon-Pack/builder/からアイコンを用意します /Src/App.css .ui-icon-tag-w:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3…