ReorderList ile Geri Gönderme Kullanma (VB)

  • Makale

Christian Wenz tarafından

PDF’yi İndir

AJAX Denetim Araç Seti'ndeki ReorderList denetimi, sürükleyip bırakma yoluyla kullanıcı tarafından yeniden sıralanabilen bir liste sağlar. Liste her yeniden sıralandığında, bir geri gönderme sunucuya değişikliği bildirecektir.

Genel Bakış

ReorderList AJAX Denetim Araç Seti'ndeki denetim, sürükleyip bırakma yoluyla kullanıcı tarafından yeniden sıralanabilen bir liste sağlar. Liste her yeniden sıralandığında, bir geri gönderme sunucuya değişikliği bildirecektir.

Adımlar

Denetim için ReorderList birkaç olası veri kaynağı vardır. Bunlardan biri, bir XmlDataSource denetim kullanmaktır:

<asp:XmlDataSource ID="XmlDataSource1" runat="server" XPath="acronym/letter">
 <Data>
 <acronym>
 <letter char="A" description="Asynchronous" />
 <letter char="J" description="JavaScript" />
 <letter char="A" description="And" />
 <letter char="X" description="XML" />
 </acronym>
 </Data>
</asp:XmlDataSource>

Bu XML'i bir ReorderList denetime bağlamak ve geri göndermeleri etkinleştirmek için aşağıdaki özniteliklerin ayarlanması gerekir:

  • DataSourceID: Veri kaynağının kimliği
  • SortOrderField: Sıralama ölçütü olarak özelliği
  • AllowReorder: Kullanıcının liste öğelerini yeniden sıralamasına izin verilip verilmeyeceği
  • PostBackOnReorder: Liste her yeniden düzenlendiğinde geri gönderme oluşturulup oluşturulmayacağı

Denetim için uygun işaretleme aşağıdadır:

<ajaxToolkit:ReorderList ID="rl1" runat="server" SortOrderField="char"
 AllowReorder="true"
 DataSourceID="XmlDataSource1" PostBackOnReorder="true">

Denetim içinde ReorderList , veri kaynağından belirli veriler yöntemi kullanılarak Eval() bağlanabilir:

<DragHandleTemplate>
 <div class="DragHandleClass">
 </div>
 </DragHandleTemplate>
 <ItemTemplate>
 <div>
 <asp:Label ID="ItemLabel" Text='<%# Eval("description") %>' runat="server" />
 </div>
 </ItemTemplate>
</ajaxToolkit:ReorderList>

Sayfada rastgele bir konumda, son yeniden sıralama gerçekleştiğinde etiket bilgileri tutar:

<div>
 <asp:Label ID="lastUpdate" runat="server" />
</div>

Bu etiket, geri göndermeyi işleyen sunucu tarafı kodundaki metinle doldurulur:

<script runat="server">
 Sub Page_Load()
 If Page.IsPostBack Then
 lastUpdate.Text = "List last reordered at " & DateTime.Now.ToLongTimeString()
 End If
 End Sub
</script>

Son olarak, ASP.NET AJAX ve Denetim Araç Seti'nin işlevselliğini etkinleştirmek için denetimin ScriptManager sayfaya konması gerekir:

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

Her yeniden sıralama bir geri gönderme tetikler

Her yeniden sıralama bir geri gönderme tetikler (Tam boyutlu görüntüyü görüntülemek için tıklayın)

ÖncekiSonraki