Easyuiとは
1 概要
1. easyui とは何ですか?
easyui は、jQuery をベースにしたユーザー インターフェイス プラグインのコレクションです。つまり、easyui で使用される主要なテクノロジは jQuery であり、ユーザー インターフェイスに表示されるプラグインを提供します。
2. Easyui は HTML プラグインの拡張機能であるため、easyui を使用してプラグインを作成するには、対応する HTML プラグインと組み合わせる必要があります。たとえば、easyui が提供する validateboxtextboxfilebox dateboxdatatimebox を使用する必要があります。 タグに実装します。
3.data-options
は、プラグインをインスタンス化するために使用されます。つまり、easyui 基本プラグインに新しい機能を追加するために、新しい機能は data-options 属性 に書き込むことができます。 属性値を単一引用符で囲み、2 つの属性をカンマで区切ります。新機能を個別にリストすることもできます。
4. 各プラグインは、他のプラグインを追加するためのコンテナとみなすことができます。追加方法は次のとおりです:
ツールバーの追加など、対応する属性を通じて他のプラグインの ID を参照します。 toolbar="#toolbar" およびボタンの追加 button="#buttons"。
5. プラグイン関数呼び出しの構文形式:
$(selector).插件名("方法名"[参数值]);
6.href reload url
href: 静的読み込み、指定されたページ情報を読み込みます。
reload: ボタンをクリックして指定されたページ情報をロードするなどのイベントによって駆動される動的ロード。
url: サーバーリソースを指し、サーバーからデータを取得します。
II datagrid データグリッド
1. 機能
データグリッドは主に、Ajax を通じてデータベースから取得したデータを表形式で表示するために使用されます。
2. サーバーによって返される json 文字列形式:
"rows":[{},{}]",total":int数据
3. データグリッドは HTML 4. ページがロードされた後、datagrid は Ajax を通じてサーバーからデータを自動的に取得します。プラグインをインスタンス化するときに URL を指定する必要があります。 ツールバーを追加します:toolbar="#toolbar"。 行番号を表示します: rownumbers="true"。 単一行の選択のみを許可します:singleSelect="true"。 列をテーブルの幅に合わせます: fitColumns="true":。 ページネーションバーを表示: pagination="true"。 行は、ID、データ形式を含むすべてのデータを含む、選択された行を表します:リー 3 つのフォーム 2. データのロード window.location.href="" などのコールバック関数にジャンプ リソースを設定する必要があります。 以上がEasyuiとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。 リアルなヌード写真を作成する AI 搭載アプリ 写真から衣服を削除するオンライン AI ツール。 脱衣画像を無料で AI衣類リムーバー AIヘンタイを無料で生成します。 使いやすく無料のコードエディター 中国語版、とても使いやすい 強力な PHP 統合開発環境 ビジュアル Web 開発ツール 神レベルのコード編集ソフト(SublimeText3) 記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。 この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。 フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています... この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。 スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。 この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。 Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �... エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。
JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。
ヌルデータ型
JavaScriptのように、Typescriptのnull タグに基づいて構築されます。
5.datagrid属性
6. 列ヘッダー
<thead> <tr><th field="在此列显示的数据库字段"width="">列标题</th><th field="在此列显示的数据库字段"width="">列标题</th> </tr></thead>
7. 選択された行を取得します
var row=$(selector).datagrid("getSelected")
{name01:"value01",name02:"value02"}
1. form("clear"): フォームをクリアします。
$(selector).datagrid("reload");
$(selector).form("load",{name:"myName"});//加载自定义数据
$(selector).form("load",row);//加载datagrid选中行数据
$(selector).form('submit',{
url:xxx,
onSubmit:function(){
return $(this).form("validate");//验证,只要在前台验证通过后才提交
},
success:function(){}//处理返回结果
})
ホットAIツール
Undresser.AI Undress
AI Clothes Remover
Undress AI Tool
Clothoff.io
AI Hentai Generator
人気の記事
ホットツール
メモ帳++7.3.1
SublimeText3 中国語版
ゼンドスタジオ 13.0.1
ドリームウィーバー CS6
SublimeText3 Mac版
ホットトピック
7518
15
1378
52
81
11
21
68
独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか?
Mar 18, 2025 pm 03:12 PM
ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか?
Mar 18, 2025 pm 03:14 PM
フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか?
Apr 04, 2025 pm 02:42 PM
ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか?
Mar 18, 2025 pm 03:16 PM
誰がより多くのPythonまたはJavaScriptを支払われますか?
Apr 04, 2025 am 12:09 AM
ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか?
Mar 18, 2025 pm 03:17 PM
Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか?
Apr 04, 2025 pm 05:12 PM
初心者向けのタイプスクリプト、パート2:基本データ型
Mar 19, 2025 am 09:10 AM