자바 스크립트를 사용하여 텍스트 상자 값을 곱하는 방법은 무엇입니까?

Question

<asp:GridView ID="GVFeedType" runat="server" Style="margin-bottom: 6px" BorderColor="#BDBDBD" 
    CssClass="center" Width="500px" AutoGenerateColumns="false"> 
    <EmptyDataTemplate> 
     No Records found</EmptyDataTemplate> 
    <Columns> 
     <asp:BoundField HeaderText="SNo" DataField="SNo" ItemStyle-Width="50px" /> 
     <asp:BoundField HeaderText="Feed Type" DataField="FeedType" ItemStyle-Width="200px" /> 
     <asp:TemplateField HeaderText="Rate/Kg" ItemStyle-Width="80px" ItemStyle-HorizontalAlign="Center"> 
      <ItemTemplate> 
       <asp:TextBox ID="txtrate" runat="server" Width="100px" OnTextChanged="txtrate_TextChanged" 
        AutoPostBack="true" /> 
       <asp:RequiredFieldValidator ID="RFVrecdate1" runat="server" ControlToValidate="txtrate" 
        Display="None" ErrorMessage="Must Enter Rate" ValidationGroup="duereport"></asp:RequiredFieldValidator> 

      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField HeaderText="Rate/50 Kg" ItemStyle-Width="80px"> 
      <ItemTemplate> 
       <asp:Label ID="lbl50kg" runat="server" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
    </Columns> 
</asp:GridView> 

이 코드를 시도

..

protected void txtrate_TextChanged(object sender, EventArgs e) 
{ 

    GridViewRow currentRow = (GridViewRow)(sender as TextBox).Parent.Parent; 
    float rate = 0; 
    float kgrate50 = 50; 

    rate = Convert.ToSingle((sender as TextBox).Text.Trim()); 
    kgrate50 = rate * kgrate50; 
    (currentRow.Cells[3].FindControl("lbl50kg") as Label).Text = kgrate50.ToString(); 
    GVFeedType.Rows[currentRow.RowIndex + 1].Cells[2].FindControl("txtrate").Focus(); 
} 

이 코드는 괜찮습니다, 탭 작동하지 ... 내가 가진 그리드 뷰 컨트롤에서 텍스트 상자, 내가 2,3과 같은 몇 가지 값을 입력 할 때, 4 .. 그러면 50으로 곱하면 ... 그리고 lable 컨트롤의 출력을 보여줍니다 .. 여기도 gridview에서 라벨을 볼 수 있습니다. 어떻게하면 해결할 수 있습니까? ..

Answer 1

CSs 클래스를 다음과 같이 추가합니다. 텍스트 상자

<asp:TextBox ID="txtrate" runat="server" CssClass="TextBoxToHandle" Width="100px" OnTextChanged="txtrate_TextChanged" 
        AutoPostBack="true" /> 

탭 던지기 focusout 이벤트를 사용하기 때문에 구독해야합니다.

$(function(){ 
    $(".TextBoxToHandle").focusout(function(){ 
    //Do your code here this would be element which you focus left 
    }); 
})