如何在客户端计算RadGrid单元格值？

Question

我有处于编辑模式的 telerik RadGrid。 每个单元格都包含 NumericTextBox。 是否可以根据同一行（客户端）中的其他单元格计算一个单元格。 例如，如果我有一行包含价格和商品等单元格，我希望每次更改时都计算总价，但在客户端，而不是到服务器端。 RadGrid 可以做到这一点吗？

Answer 1

感谢您的所有回答，但我在这里找到了解决方案 telerik论坛。 我将把解决方案粘贴在这里，以防有人遇到同样的问题。

ASPX：

<Columns> 
    <rad:GridTemplateColumn UniqueName="Price" HeaderText="Price">
    <EditItemTemplate> 
        <radI:RadNumericTextBox ID="txtPrice" runat="server">  
        </radI:RadNumericTextBox> 
    </EditItemTemplate> 
    </rad:GridTemplateColumn> 
    <rad:GridTemplateColumn UniqueName="Quantity" HeaderText=" Number of Items">  
    <EditItemTemplate> 
        <radI:RadNumericTextBox ID="txtQuantity" runat="server">  
        </radI:RadNumericTextBox> 
    </EditItemTemplate> 
    </rad:GridTemplateColumn> 
    <rad:GridTemplateColumn UniqueName="TotalAmount" HeaderText="Total">
    <EditItemTemplate> 
        <radI:RadNumericTextBox ID="txtTotalAmount" runat="server">  
        </radI:RadNumericTextBox> 
    </EditItemTemplate> 
    </rad:GridTemplateColumn> 
</Columns>

C#

  protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)  
    {  

    if (e.Item is GridDataItem && e.Item.IsInEditMode)  
    {  
        GridDataItem item = (GridDataItem)e.Item;  
        RadNumericTextBox txtPrice= item.FindControl("txtPrice") as RadNumericTextBox;       // Get the textbox for column Price   
        RadNumericTextBox txtQuantity= item.FindControl("txtQuantity") as RadNumericTextBox;    // Get the textbox for column Quantity     
        RadNumericTextBox txtTotalAmount= item.FindControl("txtTotalAmount") as RadNumericTextBox; // Get the textbox for column "TotalAmount", if it is template as shown in aspx    

        txtPrice.Attributes.Add("onFocusout", "return calculate('" + txtPrice.ClientID + "','" + txtQuantity.ClientID + "','" + txtTotalAmount.ClientID + "')");  
        txtQuantity.Attributes.Add("onFocusout", "return calculate('" + txtPrice.ClientID + "','" + txtQuantity.ClientID + "','" + txtTotalAmount.ClientID + "')");  
        txtTotalAmount.Attributes.Add("onfocus", "return calculate('" + txtPrice.ClientID + "','" + txtQuantity.ClientID + "','" + txtTotalAmount.ClientID + "')");  
    }  
} 

JavaScript：

<script type="text/javascript">  
function calculate(price, quantity, totalAmount)   
{  
    var text1 = $find(price); //I used Asp.net Ajax find method
    var text2 = $find(quantity);  
    var text3 = $find(totalAmount);  
    var total = text1.GetValue() * text2.GetValue();  
    text3.SetValue(total);  
}  
</script>

Answer 2

因为每个项目都在表行中，所以您可以使用 javascript 查找父项目，然后循环遍历所有输入以找到您要查找的项目？ 如果你打算使用 jQuery，这应该是可能的，如果你想轻松区分文本框，你可以将 CssClass 应用于每个 TextBox？

Answer 3

查看来自 RadGrid 的 Telerik 网站上的演示 -> 应用场景部分使用数字文本框并说明您正在寻找的内容，伙计。

迪克

Answer 4

如果您也通过客户端绑定（最有可能通过 AJAX）获取数据，这是可能的。 如果是这样，您应该能够从网格的数据源属性中获取所有值。 如果绑定数据服务器端，它会变得更困难，因为当前网格在这种情况下不会构建客户端数据源。