0

私はグリッドビューを持っています

 <asp:gridview ID="Gridview1" runat="server" ShowFooter="true" CssClass="vutblrow" TabIndex="3" HeaderStyle-CssClass="vutblhdr" CellPadding="4" ForeColor="#333333" GridLines="None"  Width="25%" PagerStyle-Mode="NumericPages"


            AutoGenerateColumns="false" onrowcreated="Gridview1_RowCreated" Height="16px">
              <PagerStyle CssClass="pgr"  Height="25px" BorderStyle="Solid" />
            <Columns>
            <asp:BoundField DataField="RowNumber" HeaderText="Serial Number" />
            <asp:TemplateField HeaderText="Air/Bus/Train Fare">
                <ItemTemplate>
                    <asp:TextBox ID="TextBox1" runat="server" CssClass="txtBoxNormalmedium" ></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="City To">
                <ItemTemplate>
                    <asp:TextBox ID="TextBox2" runat="server" CssClass="txtBoxNormalmedium" ></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="City From">
                <ItemTemplate>
                     <asp:TextBox ID="TextBox3" runat="server" CssClass="txtBoxNormalmedium"></asp:TextBox>
                </ItemTemplate>
                <FooterStyle HorizontalAlign="Right" />
                <FooterTemplate>
                 <asp:Button ID="ButtonAdd" runat="server" Text="Add New Row"
                        onclick="ButtonAdd_Click" CssClass="btnNormalAdd" />
                </FooterTemplate>
            </asp:TemplateField>
                 <asp:TemplateField>
                <ItemTemplate>
                    <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click" CssClass="lnkbut">Remove</asp:LinkButton>
                </ItemTemplate>
            </asp:TemplateField>
            </Columns>
        </asp:gridview>

 <asp:Label ID="lblgpf14" runat="server" CssClass="lblText " Text="Total Air Fare"></asp:Label>      
 <asp:TextBox ID="txt" runat="server" CssClass="txtBoxNormalmedium" Enabled="False" onkeyup="Calculate();"></asp:TextBox>

ユーザーが航空/バス/電車の運賃を入力すると、テキストボックス「txt」に値が表示されます (javacript で onkeyup を使用)。このテキストボックスはグリッドビューの外にあります。ユーザーが [新しい行を追加] をクリックして電車の運賃を入力すると合計値は「txt」に表示する必要があります。これを行うための JavaScript の書き方がまったくわかりません。誰か助けてください。

4

1 に答える 1

0

ユーザーが値を入力するイベントをバインドします(ここでは、質問に応じて2つの場所で)、次のように言います

<asp:TextBox ID="texboxid" onkeyup="showCal(this)" />

あなたのjsスクリプト

function showCal(obj){

  var val=document.getElementById(obj.id).value;


      if(val!='' && !isNaN(val) ){
         var prvVal=document.getElementById('txt').value;
         prvVal= (!isNaN(prvVal))?prvVal:0;
        document.getElementById('txt').value = parseInt(prvVal)+parseInt(val);
      }else{
         alert("The value you have entered is either empty or not a number.")
      }
}
于 2013-10-30T09:33:05.610 に答える