以前にHandsonTableの編集でPopupを表示して・・・とやりましたが死角がありましたその１ Popup表示後のタブキー押下で制御がHandsonTableに戻ってしまい、裏でセル選択が移動します 対策としてキー入力禁止メソッドを作成しておきます 合わせてカレントセル…

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

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

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…

jQuery MobileのTable Widgetにはレスポンシブ機能があります Column Toggleを適用するとウィンドウ幅に応じてカラムが増えたり減ったりします HandsonTable Proにはカラム表示/非表示機能があるようですが、community editionにはありません 多少インチキで…

HandsonTable用にサンプルページを用意します /Views/Table/index.vbhtme /Controllers/TableController.vb /Src/table.ts /Src/app.tsApp.tsにはダミーデータを格納しておきますサーバーサイド、コントローラーはテンプレのまま HTMLの発射台機能のみなので…

HandsonTableで一覧表示→詳細入力というパターンを作ってみますまずはページを移動するメソッドを追加します /Src/cm.ts namespace cm { /* * オフライン判定 */ function isOffline(): boolean { if (window.navigator.onLine === false) { $.mobile.loadin…

入力系を一通り揃えたので、次は一覧 HandsonTableは引くほど高性能なTableをお手軽に作成してくれます バージョン7以降はMITライセンスではなくなってしまったのMIT最後の6.2.2を使用します なかなかいいお値段してます NeGetでもGitHubでも取れますがバー…