私はjavascriptベースのスプレッドシートアプリケーションの作成に取り組んでいます。現在、この図に示すように、指定された数の行と列、および各セルに入力されたテキストを含むテーブルとしてスプレッドシートを動的に作成できます。
テーブル内のすべての入力に関連付けられた汎用イベントが必要です。このイベントで、イベントを発生させた入力の行インデックスと列インデックスを判別できます。このようなもの:
$('.spreadsheet-cell').click(function () {
var rowIndex = $(this).attr('rowIndex');
var columnIndex = $(this).attr('columnIndex');
});
私はもともと、HTML入力要素を作成するときに行と列のインデックス属性を動的に追加して実装しようとしましたが、元のスプレッドシートの作成後に行または列を追加すると、これらの属性の値をシフトしようとすると面倒になります。結局のところ、そのメソッドを機能させることができると思いますが、面倒なようで、jQueryを使用して相対インデックスを決定する方法があると考えた場合は、DOMをあまりいじりたくないと思います。親<td>
と<tr>
。