JEASYUI data-option maxを変数に設定

Question

私のフォームにJEASYUIを使用しています。私はテキストボックス（pqty）の編集フォームを持っていて、別のテキストボックス（sqty）の値にそのmax属性を設定したいと思いますが、可能かどうかわかりません。私はあなたが特定の番号を使用してそれを設定することができますが、私は変数が必要です知っている。 data-options="max:*sqty value here*のようなもの？

<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> 

Answer 1

新しいパラメータ（http://www.jeasyui.com/documentation/index.php）と既存のnumberboxを再定義するnumberboxを作成するためのJavaScriptメソッドを使用。

次のデモでは、新しい最大値をSO Qtyに設定することができます。 Tabキーを押して、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>