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…

数値入力です jQueryプラグインとして実装します 増減ボタンとスライダーを付加してみます/Src/cm.ts interface NumberSpinOptions { digits?: number; slider?: boolean; max?: number; min?: number; step?: number; width?: string; } interface JQuery {…

日付関連プラグインです カレンダー等入力補助のDateBox http://dev.jtsage.com/DateBox/ 日付関連のたぶんド定番Moment.js https://momentjs.com/ DateBoxにはd.tsは無いようなので自作です moment.d.tsはGitHubで取れます 手元にあるのは2.11.1とかなり古…

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

Popupをもう少し拡張しておきます 位置指定オプションにx,y,x1,y1,x2,y2を追加します x,yはポップアップ中心 x1,y1はwindow左上からポップアップ左上 x2,y2はwindow右下からポップアップ右下 を指定します/Src/cm.ts /* * ポップアップ */ interface PopupOp…

入力のエラーメッセージを用意します 大した話ではないです /Src/cm.ts /* * エラーバルーン設定 */ export function errorBallon(selector?: string | JQuery, message?: string) { let target = $(".ui-error"); if (selector) { target = $(selector); } …