Javascript阅读ASP GridVIEW BoundField列，可见false

Question

<asp:GridView 
ID="GridView1" 
runat="server" 
AutoGenerateColumns="False" 
Width="596px" 
DataKeyNames="Key" >

<Columns>
<asp:BoundField DataField="Key" HeaderText="Key" SortExpression="key" Visible="False" />
<asp:BoundField DataField="StockId" HeaderText="StockId" Visible="False" />
<asp:BoundField DataField="Freq1" HeaderText="Freq1" Visible="False" />
<asp:BoundField DataField="Freq2" HeaderText="Freq2" Visible="False" />     

<asp:BoundField DataField="MedicineName" HeaderText="MedicineName" ReadOnly="true" />

<asp:TemplateField HeaderText="DoseQty"                                                         
    <ItemTemplate>
        <asp:TextBox ID="txtDoseQty" Text='<%# Bind("DoseQty") %>' runat="server"
        Height="23px" Width="38px" onchange="javascript:dataChange(event);" ></asp:TextBox>
    </ItemTemplate>
</asp:TemplateField>

<asp:BoundField DataField="DoseUOM" HeaderText="DoseUOM" ReadOnly="true" />

<asp:TemplateField HeaderText="Duration">
    <EditItemTemplate>
        <asp:TextBox ID="Duration" runat="server" Height="16px" 
            Text='<%# Bind("Duration") %>' Width="45px" onkeypress="return isNumberKey(event);">    </asp:TextBox>
    </EditItemTemplate>
    <ItemTemplate>
        <asp:Label ID="lblDuration" Text='<%# Bind("Duration") %>'  runat="server"></asp:Label>
    </ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Delete All">
    <HeaderTemplate>
        <asp:CheckBox ID="chkHeaderDelete" runat="server" Text="Delete All" 
            onclick="javascript:SelectheaderCheckboxes(this)" />                                                            
    </HeaderTemplate>
    <ItemTemplate>
        <asp:CheckBox ID="chkItemDelete" runat="server" AutoPostBack="true"
            Text="Delete" onclick="javascript:SelectitemCheckboxes(this)"  />
    </ItemTemplate>
</asp:TemplateField>

<asp:CommandField HeaderText="Update" 
    ShowEditButton="True"                                                         
    CausesValidation="false"  />

</Columns>

我正在使用传统的JavaScript（不是JQUERY）从客户端站点上的Asp.net GridView读取值。
但是，在尝试了几次之后，我发现我不知道如何从BoundField列中以纯JavaScript读取“ Visile = False”值。

var grid = document.getElementById("<%= GridView1.ClientID %>");
var OutputString = "";
if (grid.rows.length > 0) 
{
for (i = 1; i < grid.rows.length - 1; i++) 
{
    for (j = 0; j < grid.rows[i].cells.length; j++) 
    {
        if (j == 1) 
        {
        OutputString += "grid.rows[i].cells[" + j + "]  :" + grid.rows[i].cells[j] +
        "\ngrid.rows[i].cells[" + j + "].innerText :" + grid.rows[i].cells[j].firstChild.value;
        OutputString += "\n\n";
        } 
        else 
        {
            OutputString += "grid.rows[i].cells[" + j + "]  :" + grid.rows[i].cells[j] +
            "\ngrid.rows[i].cells[" + j + "].innerText :" + grid.rows[i].cells[j].innerText;
            OutputString += "\n\n";
        }
    }   
}
}

产量

grid.rows[i].cells[0]  :[object]
grid.rows[i].cells[0].innerText :Abd pant XXXL

grid.rows[i].cells[1]  :[object]
grid.rows[i].cells[1].innerText : 12

grid.rows[i].cells[2]  :[object]
grid.rows[i].cells[2].innerText :Pieces

grid.rows[i].cells[3]  :[object]
grid.rows[i].cells[3].innerText :1 

grid.rows[i].cells[4]  :[object]
grid.rows[i].cells[4].innerText :Delete 

grid.rows[i].cells[5]  :[object]
grid.rows[i].cells[5].innerText :Edit

在Javascript中，是否可以从bondfield中读取可见的值？

[更新]
我仅从Textbox模板字段和BoundField获得的所有输出， 而不是“ Visible = False” 。

请让我知道方法，您的建议将不胜感激。

Answer 1

具有Visible =“ false”的控件将不会呈现，因此不会生成HTML。

如果要使控件不可见，但仍引用它们，请先删除Visible =“ false”，然后可以在控件上使用CSS：

style="display:none;" 

或者，在渲染之后，您可以在RowDataBound事件中隐藏GridView列（前四个BoundFields）：

protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
{
    e.Row.Cells[column_index].Visible = false;
}