Lauiuiのデータテーブルにクリックイベントを追加する方法

爱喝马黛茶的安东尼
リリース: 2019-07-11 16:28:08
オリジナル
11147 人が閲覧しました

Lauiuiのデータテーブルにクリックイベントを追加する方法

最初のステップは、以下に示すように、コンピューター上でソフトウェアを開き、新しい html を作成し、layui の js ファイルと css ファイルを追加することです。

##2 番目のステップでは、新しい HTML ファイルを開き、次の図に示すように、layui.css ファイルとlayui.js ファイルを

タグ内に導入します。 Lauiuiのデータテーブルにクリックイベントを追加する方法

関連する推奨事項: 「

layui Framework チュートリアル

Lauiuiのデータテーブルにクリックイベントを追加する方法

3 番目のステップでは、本文ページのコンテンツの記述を開始します。ここで示されるテーブルの内容は次の表です。以下の図に示す、layui のサンプル データ :

4 番目のステップは、テーブル データにクリック イベントを追加することです。table.on('tool(demoEvent) '、次の図に示すように、function(obj){} でセルのイベントをリッスンし、layer.prompt() ポップアップ ボックスで obj.update({ signed: value }); を使用してテーブルとキャッシュを更新します。 :

Lauiuiのデータテーブルにクリックイベントを追加する方法

5 番目のステップでは、ブラウザで HTML ページを開くと、次の図に示すように、テーブル データの内容が表示されます。

Lauiuiのデータテーブルにクリックイベントを追加する方法

6 番目のステップは、テーブル データ コンテンツをクリックすることです。ポップアップ ボックスにユニットが表示されます。グリッド内のデータについては、クリック イベントが発生していることがわかります。以下の図に示すように、layui を通じてテーブル データに追加されます。

以上がLauiuiのデータテーブルにクリックイベントを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート