我有一个gridview,我的gridview有一个模板图片按钮,用于删除一行。 目前,我使用rowcommand和rowargument为此图像按钮识别要删除的行。但我需要实现以下方案:
我希望当用户点击图像按钮,没有回发,一个模态框(引导模态)打开,并且只有当用户点击是我确定按钮在模态,回发发生和数据删除...
这是否可以使用asp.net gridview,如果是的话,我如何确定哪个按钮点击“yesI'm sure button”???
谢谢
答案 0 :(得分:0)
是的,这是可能的。请尝试以下代码:
<script type="text/javascript">
function ShowModal(gridItemIndex)
{
$(document).ready(function ()
{
$('#mymodal').modal('show');
var row = gridItemIndex.parentNode.parentNode;
var rowIndex = row.rowIndex-1; //row index of that row.
document.getElementById("<%=hfID.ClientID %>").value =rowIndex;
});
}
</script>
<asp:gridview id="yourGridView" onrowcommand="GridView_RowCommand"
<asp:TemplateField>
<ItemTemplate>
<asp:ImageButton name="btnDelete" CommandName="Delete" OnClientClick="return ShowModal(this);" ImageUrl="/imagepath.pgn" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</asp:gridview>
然后在代码后面使用GridView
的以下事件。
protected void GridView_RowCommand(Object sender, GridViewCommandEventArgs e)
{
if (e.CommandName=="Delete")
{
// Write your delete code here...
}
}