我知道有一個ajax模式彈出式擴展器,但它不是我正在尋找的。我已經成功地將令人難以置信的DataTables插件連接到網格模式下的ASP.Net ListView設置,並且非常坦率地說,它非常棒。如何爲ASP.Net Gridview或Listview的編輯模板啓動引導模式?
我爲編輯和刪除添加了2個額外的列,編輯按鈕與編輯模板配合良好,但我想啓動twitter引導彈出窗口模式,並讓用戶編輯這些項目。
我應該沒有問題放在每行圖標彈出模式,但我很困惑我將如何從列表視圖行中獲取值。
是否可以啓動整個編輯模板作爲模態對話框?
我使用ASP.NET Listview和Fancybox實現了這種情況,但是我最終啓動了一個模式中的新頁面,該頁面使用正在編輯的項目ID的查詢字符串,並使用數據庫調用填充了所有內容。這是超級殺傷力,我真的不喜歡依靠那個。
我需要的是幫助獲取編輯模板的信息。我想我可以使用item_command事件作爲起點。
請幫忙。這裏是我簡單的演示listview的片段。
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<tr>
<td>
<asp:Label ID="NameLabel" runat="server"
Text='<%# Eval("Name") %>' />
</td>
<td>
<asp:Label ID="ItemTypeLabel" runat="server"
Text='<%# Eval("ItemType") %>' />
</td>
<td>
<asp:Label ID="DescriptionLabel" runat="server"
Text='<%# Eval("Description") %>' />
</td>
<td>
<asp:Label ID="PriceLabel" runat="server"
Text='<%# Eval("Price","{0:C}") %>' />
</td>
<td>
<asp:LinkButton ID="EditButton" CommandName="Edit"
runat="server">Edit</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="DeleteButton" CommandName="Delete"
runat="server">Delete</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
<EditItemTemplate>
<tr>
<td>
<asp:TextBox ID="NameTextBox" runat="server" Text='<%# Bind("Name") %>' />
</td>
<td>
<asp:TextBox ID="ItemTypeTextBox" runat="server"
Text='<%# Bind("ItemType") %>' />
</td>
<td>
<asp:TextBox ID="DescriptionTextBox" runat="server"
Text='<%# Bind("Description") %>' />
</td>
<td>
<asp:TextBox ID="PriceTextBox" runat="server" Text='<%# Bind("Price") %>' />
</td>
<td>
<asp:LinkButton ID="UpdateButton" CommandName="Update"
runat="server">Update</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID="CancelButton" CommandName="Cancel"
runat="server">Cancel</asp:LinkButton>
</td>
</tr>
</EditItemTemplate>
<LayoutTemplate>
<table id="myTable" border="0">
<thead>
<tr>
<th>Name</th>
<th>ItemType</th>
<th>Description</th>
<th>Price</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr id="itemPlaceholder" runat="server">
</tr>
</tbody>
</table>
</LayoutTemplate>
</asp:ListView>
<asp:Content ContentPlaceHolderID="CPscript" Runat="Server">
<script type="text/javascript">
$(document).ready(function() {
// for datatables
$('#myTable').dataTable({
"aaSorting": []
});
// for watermark (targets all textboxes inside datatable div)
$("#DataTable :input:text").watermark("Search for Data").addClass("watermark");
});
</script>
</asp:Content>
您是否在談論Twitter Bootstrap? –
是的,特別是這個 - > http://twitter.github.com/bootstrap/javascript.html#modals – user1465298