Handsontable コンテキストメニューで、行削除や列削除をデモサイトにあるようなサンプルのままだと、 最後１行、あるいは、最後の１列が残った後にコンテキストメニューで実行してまうと、テーブルでコンテキストメニューを開く領域がなくなってしまう。（→…

先日に続いて、今度は Handsontable 入力バリデーションエラーを捕捉してみる。 つまり、任意の callback を実行するのが目的である。 type: 'numeric' のセルに数字でない文字を入力するとデフォルトではセルが赤くなるが、 そのタイミングを捕捉する方法で…

Handsontable は、ちょっと勉強すれば、Excelのように簡単な表計算も、callback 関数で書ける。 最初、Handsonテーブルの説明ページを見た時、「こんなにイベントがあるの！」と驚いたけど。。。 まずは、beforeChange を例題に簡単に書いてみる前に認識して…

先日、Handsontable を始めたばかりで、良く理解してなくて、 http://blog.zaq.ne.jp/oboe2uran/article/1002/ では、 データが以下のケースの場合、、、 var data = [ {"a":"1","b":"2"}, {"c":"3","c":"4"}, ]; 期待する結果を得られなかった。 key-value …

Handsontable のコンテキストメニューの見出しを日本語にする場合は、以下のようにする。 contextMenu 属性の items は、Handsontable で約束された動作が、 キーとして以下のように定義されているので、このキーに対する 「name」属性が、コンテキストメニ…

結構よくできてる。。。 http://handsontable.com/demo/validation.html でも、メールアドレスのチェックが誤ってる気がする。 以下の正規表現ではないだろうか。。。 ^[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*((\.[A-Za-z]{2,})…

Handsontable の datepicker （ jQuery ui ) は、デフォルトのスタイルだとちょっとかっこ悪い。 年と月のプルダウン表示が２段になったり、サイズも大きい。 Handsontable の ＣＳＳというより、jQuery ui ダウンロードしてそのまま使うとそうなってしまう…

JSONデータを jquery.handsontable プラグインで表示することを試してみる。 単純にシンプルなデータ配列のJSONデータは、サイトのデモを見れば解ってることなので、 特に、Key-Valueペアの関係にあるケースがどうなるか？である。 var data = {"a":"1","b":…

jquery.tablefix.js というjquery はHTML上、描画した table タグのスクロールを描画するのに 便利で良いと思っていたが、たまに線が1～2px ずれたりして気にいらないところがあった。 http://www.otchy.net/javascript/tablefix/ jQuery データObject を、E…

jQuery plugin で、Excel のように編集できるもの。 http://handsontable.com/index.html github JSの指定は、サンプルのように、配布されてる jquery.handsontable.full.js を使用 CSS は、、jquery.handsontable.full.css が配布されてる。 例えば、ドラッ…