コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery を使用して編集可能な tables_jquery を実装する

jQuery を使用して編集可能な tables_jquery を実装する

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-05-16 16:46:54
オリジナル
1364 人が閲覧しました

今日は、jQuery を使用して編集可能なテーブルを実装する例を学びました。この例の要件は次のとおりです。前景テーブルのセルをクリックして内容を変更し、Enter を押して変更した内容を保存し、esc を押して保存した内容を元に戻します。原則: クライアント テーブルのセルをクリックすると、セルにテキスト ボックスを追加し、セル内の元の内容をテキスト ボックスに割り当て、テキスト ボックスの内容をさらに変更します。変更後に、テキスト ボックスの内容をセルに再割り当てします。

ソース コード:

フロントエンド コード:

コードをコピー コードは次のとおりです。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> html



jq2—編集可能なテーブル


<%--
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート