我怎么能得到在javascript中的命令参数的值?

Question

我有一个在屏幕上显示文件列表的gridview。这个视图中的列是一个标题为Edit的asp链接按钮。当我点击编辑时，我想在javascript函数中获得命令的值。

function OnEditClick(s, e)
{
console.log('on edit click fired')
var values = [];
values[0] = "Enter document description";
values[1] = "Edit";
values[3] = e.CommandArgument.ToString();
console.log('slowly but surely getting there from here... '+ values[3])
}
<asp:GridView AlternatingRowStyle-CssClass="gridViewAlternatingRow"
AutoGenerateColumns="False"
DataKeyNames="Id"
HeaderStyle-CssClass="gridViewHeader"
ID="gvDocuments"
ClientInstanceName="gvDocument"
OnRowEditing="OnRowEditing"
RowStyle-CssClass="gridViewRow" runat="server" Caption="DocumentList" CaptionAlign="Right">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton CommandArgument='<%#Bind("Id") %>' CommandName="DocDownload" ID="lnkDownload"
runat="server" Text="Download">
</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="ID">
<ItemTemplate>
<asp:Label CssClass="txtAlignCenter" ID="lblId" runat="server" Text='<%#Bind("Id") %>' Width="50px"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Type">
<ItemTemplate>
<asp:Label ID="lblContentType" runat="server" Text='<%#Bind("ContentType") %>' Width="210px"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Name">
<ItemTemplate>
<asp:Label ID="lblDescription" runat="server" Text='<%#Bind("Description") %>' Width="380px"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Document Desc">
<ItemTemplate>
<asp:Label ID="lblDocDescription" runat="server" Text='<%#Bind("DocumentDescription") %>' Width="380px">
</asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:LinkButton runat="server" ID="lnkEditButton"
OnClientClick="OnEditClick()"
Text="Edit" CommandName="EditDocument"
CommandArgument='<%#Eval("Id")%>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

当我使用以下代码时，我在chrome控制台中得到一个错误，指出属性CommandArgument未定义。错误的确切文本是

未捕获的类型错误:无法读取属性'CommandArgument'的未定义的

我的代码中缺少什么?

at OnEditClick (Default.aspx:34)

Answer 1

我会给LinkButton添加一个单独的data属性，并从中读取。

<asp:LinkButton runat="server" ID="lnkEditButton"
OnClientClick="OnEditClick(this.id)"
Text="Edit" CommandName="EditDocument"
CommandArgument='<%# Eval("Id") %>' 
data-argument='<%# Eval("Id") %>' />

那么在OnEditClick中，您可以读取该属性。

<script>
function OnEditClick(element) {
alert($('#' + element).data('argument'));
}
</script>

没有jQuery你可以做到这一点。确保更改为OnClientClick="OnEditClick(this)"

<script>
function OnEditClick(element) {
alert(element.getAttribute('data-argument'));
}
</script>

Answer 2

由于您的命令参数是Id，请尝试将Id隐藏字段添加到gridview列

<asp:TemplateField>
<ItemTemplate>
<span style="display:none"><%# Eval("Id") %></span>
<asp:LinkButton runat="server" Id="lnkEditButton"
OnClientClick="OnEditClick()"
Text="Edit" CommandName="EditDocument"
CommandArgument='<%#Eval("Id")%>'/>
</ItemTemplate>
</asp:TemplateField>

和使用javascript获取编辑值点击

var id = $(this).closest("tr").find('span').html();