2017-07-26 60 views
4

我爲我的表單使用JEASYUI。我有一個帶有文本框的編輯窗體(pqty),我想將其max屬性設置爲另一個文本框的值(sqty),但我不知道是否可行。我知道你可以通過使用特定的數字來設置它,但我需要這個變量。像data-options="max:*sqty value here*JEASYUI數據選項最大設置爲變量

<div class="fitem"> 
<label>PO Qty:</label> 
<input name="pqty" class="easyui-numberbox" data-options="required:true, max:***"> 
</div> 

<div class="fitem"> 
<label>SO Qty:</label> 
<input type="hidden" name="sqty"> 
<input name="sqty" disabled> 
</div> 

回答

1

使用JavaScript方法用於創建numberbox重新定義現有的numberbox用新的參數(http://www.jeasyui.com/documentation/index.php)。

在以下演示中,您可以在SO數量中設置新的最大值。然後,TabButting將更改PO數量的設置,包括如果它高於新的最大值,則降低其值。

$(function() { 
 
    $("#sqty").on('change', function() { 
 
    
 
    newMax = $(this).val() * 1; // * 1 makes it numeric rather than a string  
 
    
 
    $('#pqty').numberbox({ 
 
     max: newMax 
 
    }); 
 
    
 
    }); 
 
});
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css"> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
 
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> 
 
<div id="me"> 
 
    <div class="fitem"> 
 
    <label>PO Qty:</label> 
 
    <input id="pqty" name="pqty" class="easyui-numberbox" data-options="required:true, max:22"> 
 
    </div> 
 

 
    <div class="fitem"> 
 
    <label>SO Qty:</label> 
 
    <input id="sqty" name="sqty"> 
 
    </div> 
 
</div>