javascript - 如何在网格视图内的链接按钮的 Clientclick 事件上显示动态消息

Question

我的 gridview 中有一个 linkBut​​ton ，其文本可以是“活动”或“非活动”。链接按钮的 OnClientClick 功能，我想显示一条动态消息。例如：

情况1：

如果 LinkBut​​ton 的 Text 处于活动状态：则 OnClientClick ，我想显示一条消息“将 ACTIVE 转换为 INACTIVE”

案例二：

如果 LinkBut​​ton 的 Text 为 InActive: 然后 OnClientClick ，我想显示一条消息“将 INACTIVE 转换为 ACTIVE”

Answer 1

你的代码是....

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>

Answer 2

首先，您必须在单击链接按钮时获得特定的控件 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;
     }  

Answer 3

这段代码可以帮助你..!! 网格视图中的模板字段

// 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>