Cách truy cập giá trị của một ASPxTextBox từ JavaScript

Question

Giả sử tôi có một DevExpress ASPxTextBox có id là "công cụ". Tôi muốn truy cập vào giá trị của hộp văn bản ở phía máy khách. Vì vậy, tôi cần phải viết một javascript.

Nếu đó là một hộp văn bản asp bình thường, tôi có thể đã truy cập vào hộp văn bản bằng cách viết mã như

var instrumentElement = document.getElementById('<%=instrument.ClientID%>')

Nhưng phương pháp tương tự là không làm việc cho Text Box của DevExpress.

Tôi làm cách nào để truy cập ASPxTextBox? Tôi đang sử dụng Developer Express phiên bản 7.2.

Dưới đây là một số đoạn mã triệt để hơn -

<div style="display: inline; float: left;"> 
    <dxe:ASPxTextBox ID="InstrumentQuantity" runat="server" Width="170px"> 
    </dxe:ASPxTextBox> 
</div> 

<div style="display: inline; float: left;" onclick="incOrDecQty(0);"> 
    <asp:ImageButton ID="decrementQuantity" runat="server" 
      Height="16px" Width="16px" ImageUrl="~/images/left.png" 
      AlternateText="Decrease Quantity" PostBackUrl="javascript:void(0);"/> 
</div> 

<div onclick="incOrDecQty(1);"> 
    <asp:ImageButton ID="incrementQuantity" runat="server" 
      AlternateText="Increase Quantity" ImageUrl="~/images/right.png" 
      Height="16px" Width="16px" PostBackUrl="javascript:void(0);" /> 
</div> 

Đó là Mã ASP. Javascript tương ứng như sau:

function incOrDecQty() 
{ 
    var element = document.getElementById('<%=InstrumentQuantity.ClientID%>'); 
    var lotSize = parseInt(document.getElementById('<%=LotSize.ClientID%>') 
     .innerHTML, 10); 
    var currentValue = parseInt(element.value,10); 

    if(arguments[0] == 1) 
     currentValue += lotSize; 
    else if((currentValue - lotSize) >= 0) 
     currentValue -= lotSize; 

    element.value= currentValue;    
} 

Answer 1

Bạn có thể đặt thuộc tính ClientInstanceName trên AspxTextBox.

<dxe:ASPxTextBox ID="InstrumentQuantity" 
runat="server" Width="170px" 
ClientInstanceName="MyTextBox"> 
</dxe:ASPxTextBox> 

clientside:

function DoSomething() 
{ 
    var theText = MyTextBox.GetValue(); //GetValue() is the DevExpress clientside function 

    MyTextBox.SetValue('this is the value i want to use'); //Sets the text 

} 

Các tài liệu devexpress có một số thông tin khá tốt về kịch bản phía khách hàng của họ. Truy cập vào link này, nhấp vào Tham chiếu, sau đó nhấp vào DevExpress.Web.ASPxEditors.Scripts trên menu.

Answer 2

Có thể hộp văn bản của bên thứ ba không sử dụng ClientID. Bạn có thể thử UniqueID, mặc dù đây có thể không phải là bản sửa lỗi được chấp nhận trên toàn cầu (có thể không hoạt động trên tất cả các trình duyệt).

Answer 3

Dưới đây là tất cả các phương thức phía máy khách và sự kiện trên ASPxTextBox.

http://www.devexpress.com/Help/?document=ASPxEditors/DevExpressWebASPxEditorsScriptsASPxClientTextBox_ctortopic.htm