Kontrol pengguna tombol ikon dikembangkan untuk operasi umum berikut:
--------------------------
Halaman telah menyimpan [ikon + tombol] atau [ImageButton] untuk mewujudkan fungsi penyimpanan secara keseluruhan setelah mengklik operasi simpan, verifikasi js pada bidang halaman yang relevan dapat dilakukan terlebih dahulu, dan kemudian pengiriman latar belakang dapat dilakukan setelah verifikasi. dilewatkan. Ini dapat merespons perubahan gaya di bawah onmouseover dan acara lainnya.
Kontrol pengguna tombol ikon yang dikembangkan harus memenuhi setidaknya persyaratan fungsional berikut:
------------------------------------------
1. Terdiri dari ikon + teks
Jalur ikon dapat diubah menjadi kosong, artinya tidak ada ikon.
Tampilan teks dapat dimodifikasi
2. Seluruh sistem perlu merespons dan memproses peristiwa onclick dari js yang disetel untuk "tombol ikon" pada halaman tempatnya berada.
Jika tidak ada event onclick yang perlu ditangani, maka tidak akan diproses.
3. Keseluruhan kebutuhan untuk merespons dan menangani peristiwa OnClick server
Jika tidak ada event OnClick yang perlu ditangani, maka tidak akan diproses.
4. Respons keseluruhan perlu Dinonaktifkan
Visible sudah melekat pada kontrol itu sendiri
5. Perlu merespons perubahan gaya dalam acara seperti onmouseover
Berikut penjelasan singkat mengenai caranya
1. Buat kontrol pengguna [tombol teks ikon].
Kontrol berisi bagian-bagian berikut:
Kontrol tata letak tabel,
Placeholder untuk output Gambar secara dinamis,
Placeholder untuk teks keluaran secara dinamis,
Tombol tersembunyi yang diaktifkan sebagai respons terhadap acara OnClick
<tabel>
<tr runat="server" id="tr1" style="kursor:tangan;" >
<td>
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
</td>
<td>
<asp:Literal ID="Literal2" runat="server"></asp:Literal>
</td>
</tr>
</tabel>
<asp:Button ID="Button1" runat="server" Text="Button" style="display:none; lebar:0; tinggi:0;" OnClick="Button1_Click" />
Anda dapat menambahkan pemrosesan gaya onmouseover terkait ke tabel
Berisi atribut dan pemrosesan terkait berikut
kelas parsial publik WebUserControl : System.Web.UI.UserControl
{
#region Properti dan Acara
//Teks tombol dari kontrol pengguna tombol teks ikon
string _strButtonText = "Penampung tombol";
string publik strButtonText
{
setel { _strButtonText = nilai }
dapatkan { kembalikan _strButtonTeks }
}
//Jalur ikon dari kontrol pengguna tombol teks ikon
string _strImageSrc = "";
string publik strImageSrc
{
setel { _strImageSrc = nilai }
dapatkan { kembalikan _strImageSrc }
}
//Nonaktifkan kontrolnya
bool _UCDisabled = salah;
boolUCDisabled publik
{
mengatur
{
this.tr1.Disabled = nilai;
_UCDisabled = nilai;
}
dapatkan { return _UCDisabled }
}
//Fungsi pemrosesan yang merespons event onclick js
string _strOnClickJSFun = "";
string publik strOnClickJSFun
{
setel { _strOnClickJSFun = nilai;
dapatkan { kembali _strOnClickJSFun }
}
//Respon terhadap event OnClick di sisi server
delegasi publik membatalkan userEvent(pengirim objek, EventArgs e);
acara publik userEvent UCOnClick;
void yang dilindungi Button1_Click(pengirim objek, EventArgs e)
{
jika (ini.UCOnClick != null)
ini.UCOnClick(ini, e);
}
#wilayah akhir
dilindungi kekosongan Page_Load (pengirim objek, EventArgs e)
{
jika (!IsPostBack)
{
jika (_strButtonText != "")
{
this.Literal2.Text = _strButtonText;
}
jika (_strImageSrc != "")
{
this.Literal1.Text = "<img id='" + this.UniqueID + "Image1' src='" + _strImageSrc + "' />";
}
jika (UCDisabled)
kembali;
jika (_strOnClickJSFun != "")
{
string strjsfun = _strOnClickJSFun.Replace(";", "").Replace("return ", "");
jika (ini.UCOnClick != null)
{
this.tr1.Attributes.Add("onclick", "if(" + strjsfun + "){document.all." + this.UniqueID + "_Button1.click();}");
}
kalau tidak
{
this.tr1.Attributes.Add("onclick", strjsfun);
}
}
kalau tidak
{
jika (ini.UCOnClick != null)
{
this.tr1.Attributes.Add("onclick", "document.all." + this.UniqueID + "_Button1.click();");
}
}
}
}
}
2. Gunakan kontrol pengguna [tombol teks ikon].
<uc1:WebUserControl ID="WebUserControl1" runat="server" OnUCOnClick="Button1_Click" strOnClickJSFun="return fn_Check();"
strButtonText="Modifikasi" strImageSrc="../Images/Edit.gif" />