我正在为表格使用JEASYUI。我有一个带有文本框(pqty
)的编辑表单,我想将其max
属性设置为另一个文本框(sqty
)的值,但我不知道是否可能。我知道你可以通过使用特定的数字来设置它,但我需要变量。像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>
答案 0 :(得分:1)
使用javascript方法创建数字框,以使用新参数(http://www.jeasyui.com/documentation/index.php)重新定义现有数字框。
在以下演示中,您可以在 SO Qty 中设置新的最大值。 Tabbing out将更改 PO Qty 的设置,包括如果它高于新的最大值则减少其值。
$(function() {
$("#sqty").on('change', function() {
newMax = $(this).val() * 1; // * 1 makes it numeric rather than a string
$('#pqty').numberbox({
max: newMax
});
});
});
&#13;
<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>
&#13;