尝试在Gridview所选索引更改上显示确认弹出窗口

时间:2018-08-05 07:30:36

标签: javascript c# asp.net gridview

我正在尝试在Gridview Selected index changed上显示一个弹出窗口。

消息DO you want to Submit?。如果我按确定,则执行某些工作;或者,如果我取消,则在同一页面上什么也不做。

// Gridview

 <asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" Font-Names="Arial"  AutoGenerateSelectButton="True" 
  Font-Size="10pt" RowStyle-BackColor="White" OnSelectedIndexChanged="gvCustomers_SelectedIndexChanged" 
  Cssclass="gvv table table-striped table-bordered">
   <HeaderStyle CssClass="bg-clouds"  BackColor ="#9c27b0"  ForeColor ="white"/>
     <Columns>
       <asp:BoundField ItemStyle-Width="150px" DataField="T_NO" HeaderText="T_NO" SortExpression="T_NO" />    
       <asp:BoundField ItemStyle-Width="150px" DataField="FORMNAME" HeaderText="FORMNAME" HeaderStyle-CssClass="hideGridColumn" ItemStyle-CssClass="hideGridColumn" />
       <asp:BoundField ItemStyle-Width="150px" DataField="STATUS" HeaderText="STATUS" HeaderStyle-CssClass="hideGridColumn" ItemStyle-CssClass="hideGridColumn" />
     </Columns>
 </asp:GridView> 

// aspx.cs

protected void gvCustomers_SelectedIndexChanged(object sender, EventArgs e)
  {
   string T_NO = gvCustomers.SelectedRow.Cells[1].Text;
   string Status = gvCustomers.SelectedRow.Cells[3].Text;
   if (Status=="sent")
   {
    string message = "Do you want to Submit?";
    System.Text.StringBuilder sb = new System.Text.StringBuilder();
    sb.Append("return confirm('");
    sb.Append(message);
    sb.Append("');");
    ClientScript.RegisterOnSubmitStatement(this.GetType(), "alert", 
    sb.ToString());
   } 
 }

任何有关如何实现这一目标的想法将不胜感激。

1 个答案:

答案 0 :(得分:0)

使用OnRowDataBound事件进行gridview绑定Java脚本函数。

protected void myGridView_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
  if (e.Row.RowType == DataControlRowType.DataRow) 
   {
     DataRowView drv = (DataRowView)e.Row.DataItem;
     e.Row.Attributes.Add("onclick", "selectedindexchanged()");
   }
}

像这样在HTML selectedindexchanged标签中创建<head> javascript函数。

<script>
    function selectedindexchanged(){}
</script>

现在,当您单击网格视图行时,将调用selectedindexchanged。这将帮助您显示警报消息。