如何在网格视图中链接按钮的客户端单击事件上显示动态消息

How to display a dynamic message on Clientclick event of Link button inside a grid view

本文关键字：事件 单击 客户端 显示 消息 动态 按钮 网格 视图 链接      更新时间：2023-09-26

我的网格视图中有一个链接按钮，其文本可以是"活动"或"非活动"。在客户端点击链接按钮的功能上，我想显示一条动态消息。例如：

案例1：

如果链接按钮的文本处于活动状态：然后在客户端单击，我想显示一条消息"将活动转换为非活动"

案例2：

如果链接按钮的文本处于非活动状态：然后在客户端单击，我想显示一条消息"将非活动转换为活动"

代码是....

jQuery 即客户端脚本

您需要编写如下函数，该函数检查链接的文本，最好是向最终用户发出确认消息...

function confirmMessage(button)
{
  if ($(button).text() =="Active")
  {
    return confirm("Convert from active to inactive");
  }
  else
  {
    return confirm("Convert from inactive to active");
  }
}

阿斯普克斯

将功能附加到链接按钮作为fllow..在这里，我硬编码"text=Active"，这是由 eval 函数重新编码的......

<asp:GridView ID="GridView1"  runat="server" ShowFooter="true" AutoGenerateColumns="False" >
       <Columns>
                <asp:TemplateField>
                  <ItemTemplate>
    <asp:LinkButton ID="Button1" runat="server" Text="Active" OnClientClick="return confirmMessage(this);" />
                 </ItemTemplate>
        </Columns>
</asp:GridView>

首先，您必须在单击链接按钮时获得特定的控件ID。 此后，您必须知道链接按钮的文本，然后更改它是否处于活动状态，然后更改为非活动或活动状态。

前任：

     <asp:Button Text='<%#Eval("Type") %>' runat="server" OnClientClick="return changetext(this);" ID="btnType" />
     function changetext(cntl)
    {
        var id = cntl.id;
    var text=$('#id').val();
    var changedtext=text.toLower()=='active'?Inactive:Active;
     text.val(changedtext);
return false;
     }

这段代码可能会帮助 u..！！ 网格视图中的模板字段

// the below is template field in the gridview all you need to do is add  //OnClientClick="return GetSelectedRow(this) to this
     <ItemTemplate>
                          <asp:LinkButton ID="lnkSelect" runat="server"  OnClientClick="return GetSelectedRow(this)" >Select</asp:LinkButton>
                      </ItemTemplate>
//then in javascrpt just write this code
<script type="text/javascript">
    function GetSelectedRowSalesCapital(lnk) {
                var row = lnk.parentNode.parentNode;
                var rowIndex = row.rowIndex - 1;
                  var text= row.cells[RequiredColumnIndexof link].getElementsById(lnkSelect).value;
               if(text=="Active")
               {
                alert("Convert ACTIVE into INACTIVE");
                 }
                 else if(text=="Inactive")
                 {
                  alert("Convert INACTIVE into ACTIVE ");
                 }
                return false;
            }
</script>
相关文章：