2011-07-21 58 views
0

问:gridview中的模板字段问题

我有以下问题,并且我不知道如何修复它。

我有一个grid view其中一列是template field(文本框)。网格视图由8行组成。我所做的是每次用户在文本框中输入数据时,我将总数放在最后一个文本框中(set enabled = false)。我通过某种方法在文本框中总结数据条目并在事件中调用它text changed。但每当我在文本框中输入一个数字,然后点击Tab in the keyboard或使用鼠标光标移动到下一个框时,我就失去了焦点,我必须再次将鼠标光标置于预期的文本框中。

我尝试了以下方法来解决我的问题,但徒劳无功。

foreach (GridViewRow r in gv_Evaluation.Rows) 
      { 
       ((RadTextBox)r.Cells[3].FindControl("txt_evaluateWeights")).Attributes.Add("blur", "calc()"); 
      } 

在我的页面加载,这根本不起作用。


protected void txt_evaluateWeights_TextChanged(object sender, EventArgs e) 
{ 
    calc(); 
    ((TextBox)sender).Focus(); 
} 

这样,焦点返回到前一个文本框(我的意思是,我已经做了一个),文本框不是我想的焦点,输入数据。

编辑:

我的计算方法:

private void calc() 
     { 
      float sum = 0; 
      for (int i = 0; i < 7; i++) 
      { 
       RadTextBox txt1 = (RadTextBox)gv_Evaluation.Rows[i].Cells[3].FindControl("txt_evaluateWeights"); 
       int weight; 
       bool result = Int32.TryParse(txt1.Text, out weight); 
       if (result) 
       { 
        sum += weight; 
       } 
      } 

      double percentage; 
      percentage = Math.Round((sum/100) * 100, 2); 
      RadTextBox txt3 = (RadTextBox)gv_Evaluation.Rows[7].Cells[3].FindControl("txt_evaluateWeights"); 
      txt3.Text = percentage.ToString();//string.Format("{0:0.0%}", percentage.ToString()); 

     } 
+1

你能发布你的'calc'功能呢? – naveen

+0

好的............ –

+1

您想回传并计算服务器端的金额还是想在客户端进行?另外,您是否考虑过启用Paging并且某些行根本不存在于客户端的问题? “将总数放在最后一个文本框中”是什么意思,最后一行是TextBox还是f.e.在页脚? –

回答

1

使用服务器端回传做,就这样做的可怕方式。

改为使用JavaScript。这里是jQuery的一个小例子

GridView控件

<asp:GridView ID="DemoGrid" runat="server" 
      AutoGenerateColumns="false" 
      ShowFooter="true"> 
    <Columns> 
     <asp:TemplateField HeaderText="index"> 
      <ItemTemplate><%# Container.DataItemIndex + 1 %></ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Item"> 
      <ItemTemplate> 
       <asp:Label ID="DemoLabel" runat="server" Text='<%# Container.DataItem %>' /> 
      </ItemTemplate> 
      <FooterTemplate>Total</FooterTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Amount"> 
      <ItemTemplate> 
       <asp:TextBox ID="DemoText" runat="server" CssClass="quantity"> 
       </asp:TextBox> 
      </ItemTemplate> 
      <FooterTemplate> 
       <asp:Label ID="TotalLabel" runat="server" CssClass="result"/> 
      </FooterTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

守则

protected void Page_Load(object sender, EventArgs e){ 
    if (!IsPostBack) 
    { 
     string[] array = new string[] { "demo1", "demo2", "demo3", "demo4", "demo5" }; 
     DemoGrid.DataSource = array; 
     DemoGrid.DataBind(); 
    } 
} 

背后的的JavaScript(jQuery的)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".quantity").bind("blur", function() { 
      var $quantity = $(this); 
      var quantity = +$quantity.val(); //cast to number 
      if (!isNaN(quantity)) { 
       var $sum = $quantity.closest("table").find("tr:last .result"); 
       var sum = +$sum.html(); 
       $sum.html(sum + quantity); 
      } 
     }); 
    }); 
</script> 

希望这有助于

相关问题