Kontrol server ASP.NET PleaseWaitButton[Terjemahan]

",
ini.ID Klien));
output.Write("

miliknya sendiri
keluaran.Tulis(string.Format("");
}
Teknik mereduksi tombol menjadi buffer string dan kemudian memproses konten onclicknya tentu saja merupakan peretasan. Namun teknik ini memungkinkan kita untuk mengimplementasikan kode validasi standar di kelas tombol induk dan kemudian mengimplementasikan pemanggilan fungsi Javascript PleaseWait(). Tanpa melakukan ini, kita harus mengimplementasikan pemanggilan fungsi PleaseWait() pada atribut onclick sebelum kode validasi, kecuali kita ingin sepenuhnya mengganti rendering atribut kelas Button induk. Dengan cara ini, meskipun ada kesalahan input pada halaman, akan berdampak menyembunyikan tombol dan menampilkan pesan "harap tunggu" yang tidak kita inginkan. Oleh karena itu, kita harus memaksa fungsi PleaseWait() klien kita di pengendali onclick untuk muncul setelah validasi halaman klien.
Modifikasi atribut onclick terjadi pada fungsi ModifyJavaScriptOnClick(). Fungsi ini mendapatkan string HTML yang dirender oleh tombol dan memeriksa apakah atribut onclick ada. Jika ya, fungsi ini akan memeriksa apakah kode validasi sisi klien digunakan. Jika hal ini terjadi, fungsi PleaseWait() yang kita definisikan akan ditambahkan di akhir kode onclick yang ada, segera setelah variabel boolin Page_IsValid diperiksa oleh klien. Variabel ini mewakili apakah kontrol validasi digunakan. Jika nilai Page_IsValid salah, pesan "Harap tunggu" tidak akan ditampilkan. Ditampilkan jika Benar.
string pribadi ModifyJavaScriptOnClick(string sHtml)
{
// Terima kasih kepada anggota CodeProject KJELLSJ (Kjell-Sverre Jerijaervi)
// agar ide kode memungkinkan tombol berfungsi dengan

string validasi sisi klien sReturn = "";
string sPleaseWaitCode = GeneratePleaseWaitJavascript();

// apakah sudah ada atribut onclick?
Regex rOnclick = Regex baru("onclick="(?[^"]*)");
Cocokkan mOnclick = rOnclick.Match(sHtml);
if (mOnclick.Sukses)
{
// ada atribut onclick yang ada;
// tambahkan kode kita di akhir; jika sisi klien
// validasi telah diberikan, pastikan
// kami memeriksa apakah halaman tersebut valid;
string sExisting = mOnclick.Groups["onclick"].Nilai;
string sReplace = sAda
+ (sExisting.Trim().EndsWith(";") ? "" : "; ");

if (IsValidatorIncludeScript() && this.CausesValidation)
{
// sertakan kode untuk memeriksa apakah halaman tersebut valid
string sCode = "jika (Page_IsValid) " + sPleaseWaitCode
+ " kembalikan Page_IsValid;";
// tambahkan kode kita di akhir kode onclick yang ada;
sReplace = sReplace + sKode;
}
kalau tidak
{
// jangan khawatir halaman tersebut valid;
sReplace = sReplace + sPleaseWaitCode;
}

// sekarang gantikan kode onclick kita
sReplace = "onclick="" + sReplace;
sReturn = rOnclick.Replace(sHtml, sReplace);
}
kalau tidak
{
// tidak ada atribut onclick;
// tambahkan milik kita
int i = sHtml.Trim().Panjang - 2;
string sInsert = " onclick="" + sPleaseWaitCode + "" ";
sReturn = sHtml.Insert(i, sInsert);
}

return sReturn;

}

IsValidatorIncludeScript() menggunakan pemeriksaan di atas untuk melihat apakah ada blok kode Javascript standar untuk kontrol validasi asp.net yang terdaftar pada halaman. Berikut ini menggunakan metode sederhana untuk menguji apakah ada kode validasi dan variabel seperti Page_IsValid.
bool pribadi IsValidatorIncludeScript()
{
// kembalikan TRUE jika halaman ini telah mendaftarkan javascript
// untuk validasi sisi klien; kode ini mungkin tidak didaftarkan
// jika ASP.NET mendeteksi apa yang dipikirkannya (benar atau salah)
// adalah browser tingkat bawah.

kembalikan this.Page.IsStartupScriptRegistered("ValidatorIncludeScript");
} GeneratePleaseWaitJavascript() berikut membuat fungsi Javascript PleaseWait() yang terdapat dalam atribut onclick. Kita dapat menentukan tata letak yang diinginkan dengan memeriksa properti kontrol.
string pribadi HasilkanPleaseWaitJavascript()
{
// membuat panggilan fungsi JavaScript "PleaseWait()".
// cocok untuk digunakan dalam string pengendali event onclick

sMessage = "";
string sText = _pleaseWaitText;
string sImage = (_pleaseWaitImage != String.Kosong
? string.Format(
""
, _mohonTungguGambar, _mohonTungguTeks )
: String.Empty);

// membuat tata letak berdasarkan PleaseWaitType
beralih (_pleaseWaitType)
{
kasus PleaseWaitTypeEnum.TextThenImage:
sPesan = sTeks + sGambar;
merusak;
kasus PleaseWaitTypeEnum.ImageThenText:
sPesan = sGambar + sTeks;
merusak;
kasus PleaseWaitTypeEnum.TextOnly:
sPesan = sTeks;
merusak;
kasus PleaseWaitTypeEnum.ImageOnly:
sPesan = sGambar;
merusak;
}

// mengembalikan potongan kode terakhir
string sKode = string.Format(
"TolongTunggu('mohonTungguButtonDiv_{0}',
'tolongTungguButtonDiv2_{1}', '{2}');"
, ini.ClientID, ini.ClientID, sMessage);
sCode = sCode.Replace(""", """);

return sCode;
}
Jika Anda menentukan PleaseWaitImage, Anda harus menyertakan potongan kode Javascript tambahan untuk memberi tahu klien agar memuat gambar terlebih dahulu. Pendaftaran skrip ini akan muncul dalam metode OnPreRender yang diganti. Kunci terdaftar adalah nama gambar; jika beberapa tombol menggunakan gambar yang sama, skrip pramuat hanya perlu diterapkan satu kali. Ekspresi reguler digunakan di sini untuk membuat variabel gambar Javascript guna memastikan bahwa karakter khusus (seperti garis miring pada jalur file) diubah menjadi garis bawah.

 

penggantian yang dilindungi batalkan OnPreRender(EventArgs e)
{
base.OnPreRender (e);

// Jika kita menggunakan gambar, daftarkan beberapa javascript
// untuk pramuat gambar sisi klien
if (_pleaseWaitImage != String.Kosong
&& _pleaseWaitType != PleaseWaitTypeEnum.TextOnly)
DaftarJavascriptPreloadImage(_pleaseWaitImage);
}

kekosongan pribadi RegisterJavascriptPreloadImage(string sImage)
{
Regex rex = Regex baru("[^a-zA-Z0-9]");
string sImgName = "img_" + rex.Replace(sImage, "_");

StringBuilder sb = StringBuilder baru();
sb.Tambahkan("");
sb.Append("if (dokumen.gambar) { ");
sb.AppendFormat("{0} = Gambar baru();", sImgName);
sb.AppendFormat("{0}.src = "{1}";", sImgName, sImage);
sb.Tambahkan(" } ");
sb.Append("");

this.Page.RegisterClientScriptBlock(sImgName + "_PreloadScript",
sb.ToString());
}

Fungsi sisi klien

File teks tertanam javascript.txt berisi