私が書いたコードは少し曲がっているので、再度カプセル化する必要があります。したがって、次のような単純な DialogHelper 補助クラスがあります。この記事の焦点はアイデアにあるため、現在のバージョンのコードはまだ非常に大まかです。このアイデアは正しいものであり、将来的にどのような内容にまとめられるとしても、このアイデアがすべての人にインスピレーションを与え、改善のためのより良い提案を提案できることを願っています。
DialogHelper のソース コードは次のとおりです。
//--ダイアログ補助オブジェクト-開始
//現時点では、このオブジェクトは単なる単純なカプセル化です (将来はさらに複雑になる可能性があります)。
// その機能は、jQuery UI のダイアログの呼び出しメソッドを簡素化することです。独立した DOM 構造を変更する必要はなく、パラメーターの転送メソッドはより直接的です。
DialogHelper = function() {
var m_title = ""; //タイトルを設定します
var m_msg = ""; //メッセージのテキストを設定します
var m_btns = null; button
this.dlgDiv = $("
//todo: アイコン、高さ、幅、ポップアップモードなど。すべて設定する必要があります。
this.set_Title = function(val) {
this.m_title = val;
}
this.get_Title = function() {
return this.m_title; >this.set_Msg = function(val) {
this.m_msg = val;
}
this.get_Msg = function() {
this.m_msg を返す
}
this .set_Buttons = function(val) {
this.m_btns = val;
}
this.get_Buttons = function() {
this.m_btns を返す
}
this.open = function() {
$dlg = this.dlgDiv.clone(); //このクローンは非常に重要です。そうでないとテキストが繰り返し追加されます。
$dlg.children().filter("p").html(this.dlgDiv.children().filter("p").html() this.get_Msg()); //カスタムメッセージを追加します
$dlg.dialog({
autoOpen: true,
show: 'ブラインド',
非表示: 'explode',
位置: 'center',
高さ: 260,
width: 460,
modal: true,
title: this.get_Title(),
buttons: this.get_Buttons()
}
// todo: メモリリークの可能性があるか検討する
}
//--Dialog 補助オブジェクト終了
DialogHelper 補助クラスを使用するコードは次のとおりです:
dlgHelper = new DialogHelper();
//個人情報を設定します
dlgHelper.set_Title("既存のプロジェクトを削除しますか?");この操作を実行すると、元のプロジェクトが削除されます。本当に実行しますか? ");
dlgHelper.set_Buttons({
'OK': function(ev) {
/ /ここで他のパブリック メソッドを呼び出すことができます。
$(this).dialog(' close');
},
'Cancel': function() {
//他のパブリック メソッドを呼び出すことができます。ここのメソッド
$(this).dialog('close');
}
});
//フォームを開きます
dlgHelper.open()
});
});
コード パッケージのダウンロード
http://xiazai.jb51.net/201006/yuanma/jQueryUI_DialogDemo.rar

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。

Quartzタイマーを使用してタスクをスケジュールする場合、Quartzでタスク通知を事前に送信する方法、タスクの実行時間はCron式によって設定されます。今...

JavaScriptプログラミング、プロトタイプチェーンの関数パラメーターの理解と操作のJavaScriptのプロトタイプチェーンの関数のパラメーターを取得する方法は、一般的で重要なタスクです...

WeChatアプレットWeb-ViewでVue.jsを使用する動的スタイルの変位障害がvue.jsを使用している理由の分析...

複数のリンクの同時ゲットリクエストを作成し、結果を返すために順番に判断する方法は? TamperMonkeyスクリプトでは、複数のチェーンを使用する必要があることがよくあります...


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版
中国語版、とても使いやすい

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ホットトピック



