ugnagブログ

たいした内容はありません。思いつきで書いているだけ。
開発日記がメインかな。

<< すごいぞG-mail | main | 無線LANルータもらった >>

JSツール[直接編集テーブル]

スクロール対応テーブルのついでに、違うテーブルも作った。
テーブルの中にフォームを入れ、テーブル内で直接編集をするような画面が欲しいと思ったことはないでしょうか。

今回、そのようなテーブルを作成するためのツールを作りました。

テーブル自体は、このツールで構築します。

同一のドキュメント内に複数のテーブルも作成できます。



内容の変更に対して、コールバックイベントが発生し、通知します。
その際、イベントは項目ごとに発生するのではなく、行ごとに発生します。
例えば、
 1. 3行目2項目を修正
 2. 項目移動(イベントは発生しない)
 3. 3行目3項目を修正
 4. 項目移動(イベントが発生)
 5. 4行目1項目を修正
となります。

各項目間の移動は、エンターキーでも可能にしてあります。
また、上下キーで行の移動も可能です。



行はマウスによって入れ替えが可能です。
入れ替えをした際、イベントが発生し、通知します。
コールバック内で、順番が入れ替わった範囲を取得することも可能です。


各項目は、テキストボックスだけではなく、ラジオボタン、プルダウンなども指定でき、状態変更の際に背景色を変化させることもできます。


使い道としては、参照用マスターデータ(商品マスター等)の変更に使えると思います。

修正イベントやソートイベントの中で、非同期通信を行って、
サーバーに連絡をすればいいかと。


と、まあ、とりあえずこんなところ。
プログラム・開発(その他開発) | comments (3) | -

Comments

ロレックス スーパーコピー 韓国 | 2023/08/26 06:12 PM
ブランド財布コピー、スーパーコピーバッグ、スーパーコピー時計

スーパーコピーブランド時計、財布、バッグコピー商品販売!ルイヴィトン、シャネル、グッチ、エルメス、ロレックス、オメガ全品無料配送!

弊社は「信用第一」をモットーにお客様にご満足頂けるよう、

発送前には厳しい検査を通じて製品の品質を保証してあげますとともに、
配送の費用も無料とし、品質による返送、交換、さらに返金までも実際 にさせていただきます。
また、従業員一同、親切、丁寧、迅速に対応 させて頂き、ご安心になってお買い物を楽しんでくださるよう精一杯力 を尽くしていくつもりです。
是非ご覧ください!
営業時間:年中無休
ホームページ上でのご注文は24時間受け付けております
ロレックス スーパーコピー 韓国 https://www.jpcopy2021.com/product/detail-3899.html
ルイ ヴィトン メンズシューズ | 2023/09/03 10:13 PM
問い合わせにも大変丁寧に応対していただき、非常に品質のよい商品を、購入させていただきました。
梱包も丁寧で、新品を買ったのと同じ気分です。
信頼できるショップさんだと思います。
シャネルバッグ購入。
ルイ ヴィトン メンズシューズ https://www.tentenok.com/product-12237.html
ロレックススーパーコピー | 2023/09/19 11:15 PM
ブランドコピー高品質時計専門店
日本最高級ブランドコピーブランド時計激安通販専門店,高品質時計コピー.
2023最新作、国際ブランド腕時計コピー.
業界唯一無二.世界一流の高品質ブランドコピー時計.
ロレックススーパーコピー https://www.ginza78.com/copy-270-b50-min0-max0-attr0.html

Comment Form

本文に書いて下さい
本文にh抜きで書いて下さい