Efek: Misalnya dalam suatu sistem manajemen peralatan, nomor peralatan perlu diisi di suatu tempat, tetapi nomor peralatan biasanya sulit diingat, dan yang mungkin diingat hanyalah peralatan di departemen dan lokasi mana. Oleh karena itu, kami ingin menambahkan tombol di sebelah kotak teks. Setelah mengklik, sub-halaman akan muncul. Ada tabel yang membandingkan nomor perangkat dan berbagai detail perangkat. Saya hanya perlu mencari perangkat berdasarkan lokasi, klik dua kali catatan ini, dan nomor perangkat akan diisi. Naik.
Proses implementasi:
Fungsi javascript untuk membuka jendela baru di halaman induk adalah:
fungsi halaman terbuka (htmlurl)
{
var newwin=window.open(htmlurl,"newWin","toolbar=tidak,lokasi=tidak,direktori=tidak,status=tidak,scrollbars=yes,menubar=tidak,
dapat diubah ukurannya=ya,atas=100,kiri=200,lebar=650,tinggi=300");
newwin.fokus();
kembali salah;
}
</script>Tombol telepon:
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return openpage('child.aspx');"/>
Subhalaman mengikat sumber data tampilan kisi dan menulis kode berikut dalam peristiwa RowDataBound:
dilindungi kekosongan GridView1_RowDataBound (pengirim objek, GridViewRowEventArgs e)
{
string s = "window.opener.document.getElementById('textbox1').value='" + e.Row.Cells[1].Text + "'; window.close();";
if (e.Row.RowType != DataControlRowType.Header)
{
e.Row.Attributes.Add("ondblclick", s);//Pilihan klik dua kali
//Saat mouse bergerak, atur warna garis menjadi "" dan simpan warna latar belakang asli
e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#C0C0FF';this.style.cursor='hand';");
//Mengembalikan warna latar belakang baris ketika mouse dipindahkan
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=warna saat ini");
}
}Penjelasan: Buka halaman baru melalui window.open. Terdapat hubungan induk-anak antara kedua halaman. Halaman anak dapat mengakses halaman induk (kontrol dan fungsi js tertulis di halaman induk) melalui pembuka, dan halaman induk juga dapat mengakses halaman anak melalui sub. Misalnya, jika ada fungsi js sayhello() di halaman induk, Anda hanya perlu opener.sayhello() untuk memanggilnya di halaman anak.
Hanya menggunakan sedikit kode Javascript dan menggabungkannya dengan asp.net, efek yang sangat berguna tercapai.