Menggunakan ConfirmButton In a Repeater (VB)

oleh Christian Wenz

Unduh PDF

Extender ConfirmButton di Toolkit Kontrol AJAX membuat popup Ya/Tidak saat pengguna mengklik tombol (termasuk kontrol LinkButton). Hanya jika Ya diklik, tindakan tombol dijalankan, jika tidak dibatalkan. Ini juga dimungkinkan dalam pengulang.

Gambaran Umum

Extender ConfirmButton di Toolkit Kontrol AJAX membuat popup Ya/Tidak saat pengguna mengklik tombol (termasuk kontrol LinkButton). Hanya jika Ya diklik, tindakan tombol dijalankan, jika tidak dibatalkan. Ini juga dimungkinkan dalam pengulang.

Langkah-langkah

Pertama-tama, sumber data diperlukan. Sampel ini menggunakan database AdventureWorks dan microsoft SQL Server 2005 Express Edition. Database adalah bagian opsional dari penginstalan Visual Studio (termasuk edisi ekspres) dan juga tersedia sebagai unduhan terpisah di bawah https://go.microsoft.com/fwlink/?LinkId=64064. Database AdventureWorks adalah bagian dari Sampel SQL Server 2005 dan Database Sampel (unduh di https://www.microsoft.com/download/details.aspx?id=10679). Cara termudah untuk menyiapkan database adalah dengan menggunakan Microsoft SQL Server Management Studio (/sql/ssms/download-sql-server-management-studio-ssms) dan melampirkan AdventureWorks.mdf file database.

Untuk sampel ini, kami berasumsi bahwa instans SQL Server 2005 Express Edition dipanggil SQLEXPRESS dan berada di komputer yang sama dengan server web; ini juga merupakan pengaturan default. Jika penyetelan Anda berbeda, Anda harus menyesuaikan informasi koneksi untuk database.

Untuk mengaktifkan fungsionalitas ASP.NET AJAX dan Control Toolkit, ScriptManager kontrol harus diletakkan di mana saja di halaman (tetapi dalam <form> elemen ):

<asp:ScriptManager ID="asm" runat="server" />

Kemudian, sumber data diperlukan. Demi kesederhanaan, hanya lima entri pertama dalam tabel Vendor AdventureWorks yang diambil. Perhatikan bahwa saat menggunakan wizard Visual Studio untuk membuat sumber data, nama tabel (Vendors) saat ini tidak diawali dengan benar dengan Purchasing. Markup berikut adalah markup yang benar:

<asp:SqlDataSource ID="sds1" runat="server" ConnectionString="
 Data Source=(local)\SQLEXPRESS;Initial Catalog=AdventureWorks;Integrated Security=True"
 ProviderName="System.Data.SqlClient" SelectCommand="SELECT TOP 5
 [VendorID], [Name] FROM [Purchasing].[Vendor]" />

Sumber data ini kemudian dapat digunakan dalam pengulang. Seperti biasa, metode mengambil DataBinder.Eval() data dari sumber data. ConfirmButtonExtender Kontrol kemudian harus ditempatkan di dalam bagian <ItemTemplate> pengulang sehingga muncul untuk setiap entri di sumber data.

<div>
 <ul>
 <asp:Repeater ID="rep1" DataSourceID="sds1" runat="server">
 <ItemTemplate>
 <li>
 <%#DataBinder.Eval(Container.DataItem, "Name")%>
 <asp:LinkButton ID="btn1" Text="Remove Item" runat="server" />
 <ajaxToolkit:ConfirmButtonExtender ID="cfe1" runat="server" TargetControlID="btn1" ConfirmText="Are you sure?!" />
 </li>
 </ItemTemplate>
 </asp:Repeater>
 </ul>
</div>

Tombol konfirmasi muncul di samping setiap entri dari sumber data (Klik untuk melihat gambar ukuran penuh)

Sebelumnya