如何使用 JavaScript 從 GridView 單元中分配和檢索值？

Question

我有兩個標簽，例如 FixedTotal 和 TotalPercent，一個 GridView 有一行，例如

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

在這里，我想用 TotalPercent 標簽的文本更改“百分比”列值 5。 我想在 FixedTotal label 中顯示“金額”列值 1000。 我還想檢查 Grid 是否有行？ 這個怎么做？ 列是 BoundField 列..

Answer 1

Getting/Setting value to gridview cells, you need to know the Row Index of Gridview, you can pass row index when you call JS function from 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>

Answer 3

你可以試試這個。 我用過這個，沒有錯誤。

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

    var CellValue = grd.rows[ri].cells[1].childNodes[0].textContent); // get
    grd.rows[ri].cells[2].childNodes[0].textContent = CellValue; //assign
}
</script>