Как назначить и получить значение из ячейки GridView с помощью JavaScript?

Question

У меня есть две метки, такие как FixedTotal и TotalPercent, One GridView, который имеет одну строку, например

    ReferenceID       Percentage          Amount
   --------------    -------------       --------
        1                5                 1000

Здесь я хочу изменить значение столбца «Percentage» 5 на текст метки TotalPercent. и я хочу отобразить значение столбца «Количество» 1000 в метке FixedTotal. Я также хочу проверить, есть ли в Grid строка или нет? Как это сделать? Столбцы - это столбцы BoundField.

Answer 1

Getting/Setting значение для ячеек gridview, вам нужно знать Row Index Gridview, вы можете pass row index при вызове функции JS из gridview

<script language="javascript" type="text/javascript">
function update(rowIndexOfGridview) {
    var ri = rowIndexOfGridview; 
    var grd = document.getElementById('<%= GridView1.ClientID %>');

    CellValue = grd.rows[ri].cells[1].childNodes[0].value; // get
    grd.rows[ri].cells[2].childNodes[0].value = CellValue; assign
    ...........
    .............
}

Answer 2

<script language="javascript" type="text/javascript"> 
function Calculate() 
<br/>
{ 
<br/>
var grid = document.getElementById("<%=GridID.ClientID%>");
<br/> 
var sum = 0; <br/>
for (var i = 1; i < grid.rows.length; i++)<br/>
 { <br/>
var Cell = grid.rows[i].getElementsByTagName("input"); 
<br/>if (!Cell[4].value) {sum  += 0; } else { sum += parseFloat(Cell[4].value);} } 
<br/>
document.getElementById("<%=TextBox1.ClientID%>").value = sum; 
 }
<br/>
 </script>
------------------------------------------------------------------------



<asp:TemplateField HeaderText="Current payment" >
                            <ItemTemplate>
                                <asp:TextBox ID="cridnvalue" runat="server" Width="70px" BorderStyle="None" onkeyup="CalculateTax();" ></asp:TextBox>
                            </ItemTemplate>
                            <ItemStyle Width="120px" />
                        </asp:TemplateField>