技术开发 频道

ASP.NET中实现多笔录入的客户端写法

【IT168 技术资源】

        在ASP.NET中经常会遇到多笔录入的情况,而且是在ItemTemplate下(许多User都不愿编辑一笔存一笔),对于一个笔数不确定的页面,所以只能采用DataGrid來实现,而且还是在ItemTemplate中,当点选客户下拉选单时要将客户代号显示在旁边的textbox中。

参考代码如下:

<asp:TemplateColumn HeaderText="数量">
  <ItemTemplate>
   <asp:TextBox id="ShuLiang" runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_ShuLiang")%>' 
    onkeyup=DoCal()" />

   <asp:RegularExpressionValidator id="revS" runat="server" ControlToValidate="ShuLiang" ErrorMessage="must be integer" ValidationExpression="^\d+$" />
  </ItemTemplate>
      </asp:TemplateColumn>

      <asp:TemplateColumn HeaderText="单价">
  <ItemTemplate>
   <asp:TextBox id="DanJian" runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_DanJian")%>'
    onkeyup=DoCal()"
   />

  <asp:RegularExpressionValidator id="revS2" runat="server" ControlToValidate="DanJian" ErrorMessage="must be numeric" ValidationExpression="^\d+(\.\d*)?$" />

  </ItemTemplate>
      </asp:TemplateColumn>

     <asp:TemplateColumn HeaderText="金额">
  <ItemTemplate>
   <asp:TextBox id="JinE" runat='server' Text='<%# DataBinder.Eval(Container.DataItem,"DG_JinE")%>' />
  </ItemTemplate>
      </asp:TemplateColumn>

<script language="javascript">
function DoCal()
{
  var e = event.srcElement;
  var row = e.parentNode.parentNode;
  var txts = row.all.tags("INPUT");
  if (!txts.length || txts.length < 3)
 return;
 
  var q = txts[txts.length-3].value;
  var p = txts[txts.length-2].value;

  if (isNaN(q) || isNaN(p))
 return;

  q = parseInt(q);
  p = parseFloat(p);

  txts[txts.length-1].value = (q * p).toFixed(2);
}
</script>

0
相关文章