Repeater Denetimiyle HoverMenu Kullanma (C#)

Hristia WENZ tarafından

Kodu indirin veya PDF 'yi indirin

AJAX denetim araç setinde HoverMenu denetimi basit bir açılan efekt sağlar: fare işaretçisi bir öğenin üzerine geldiğinde, belirtilen konumda bir açılan pencere görüntülenir. Bu denetimi bir yineleyici içinde kullanmak da mümkündür.

Genel bakış

AJAX denetim araç setinde HoverMenu denetimi basit bir açılan efekti sağlar: fare işaretçisi bir öğenin üzerine geldiğinde, belirtilen konumda bir açılan pencere görüntülenir. Bu denetimi bir yineleyici içinde kullanmak da mümkündür.

Adımlar

Birincisi, bir veri kaynağı gereklidir. Bu örnek, AdventureWorks veritabanını ve Microsoft SQL Server 2005 Express sürümünü kullanır. Veritabanı, Visual Studio yüklemesinin (Express Edition dahil) isteğe bağlı bir parçasıdır ve https://go.microsoft.com/fwlink/?LinkId=64064altında ayrı bir indirme olarak da kullanılabilir. AdventureWorks veritabanı SQL Server 2005 örnek ve örnek veritabanlarının bir parçasıdır ( https://www.microsoft.com/downloads/details.aspx?FamilyID=e719ecf7-9f46-4312-af89-6ad8702e4e6e&D ısplaylang = en). Veritabanını ayarlamanın en kolay yolu, Microsoft SQL Server Management Studio Express (https://www.microsoft.com/downloads/details.aspx?FamilyID=c243a5ae-4bd1-4e3d-94b8-5a0f62bf7796&D isplayLang = en) kullanmaktır ve AdventureWorks.mdf veritabanı dosyasını eklemektir.

Bu örnek için, SQL Server 2005 Express Sürüm örneğinin SQLEXPRESS ve Web sunucusuyla aynı makinede yer aldığı varsayılmaktadır; Bu, aynı zamanda varsayılan kurulumdır. Kurulumlarınız farklıysa, veritabanının bağlantı bilgilerini uyarlamanız gerekir.

ASP.NET AJAX ve Denetim araç seti işlevlerini etkinleştirmek için, ScriptManager denetimi sayfada herhangi bir yere yerleştirmeli (ancak <form> öğesi içinde):

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

Ardından, sayfaya bir veri kaynağı ekleyin. Sınırlı miktarda veri kullanmak için, AdventureWorks veritabanının satıcı tablosunda yalnızca ilk beş girişi seçersiniz. Veri kaynağını oluşturmak için Visual Studio Yardımcısı 'nı kullanıyorsanız, geçerli sürümdeki bir hatanın Purchasingtablo adını (Vendor) ön eki olmadığını unutmayın. Aşağıdaki biçimlendirme doğru söz dizimini göstermektedir:

<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]" />

Ardından, kalıcı açılan pencere olarak hizmet veren bir panel ekleyin:

<asp:Panel ID="HoverPanel" runat="server">
 More info ...
</asp:Panel>

Artık HoverMenuExtender Play 'e geliyor. Böylece veri kaynağındaki her öğe kendi açılan penceresini alır. Bu, Extender 'ın <ItemTemplate> bölümü içine alınmalıdır. Biçimlendirme şu şekildedir:

<asp:Repeater ID="rep1" DataSourceID="sds1" runat="server">
 <ItemTemplate>
 <br />
 <asp:Panel ID="myPanel" runat="server" Width="400px" BackColor="Lime" BorderWidth="1px">
 <div>
 Vendor
 <%#DataBinder.Eval(Container.DataItem, "Name")%>
 </div>
 </asp:Panel>
 <br />
 <ajaxToolkit:HoverMenuExtender ID="hme" runat="server" TargetControlID="myPanel"
 PopupControlID="HoverPanel" PopupPosition="Right" PopDelay="50" />
 </ItemTemplate>
</asp:Repeater>

Artık veri kaynağındaki her öğe, 50 milisaniyelik (PopDelay özniteliği) gecikmeden sonra sağ tarafta (PopupPosition özniteliği) bir açılan pencere görüntüler.

Repeater 'daki her öğenin yanında bulunan vurgulu menü görüntülenir

Yineleyici menü, Repeater 'daki her öğenin yanında görünür (tam boyutlu görüntüyü görüntülemek Için tıklayın)