<li class="item">
<label class="item_title">折扣数:</label>
<div><input type="text" id="discount" name="discount" style="height:22px;" value="" class="easyui-numberbox" precision="2" max="0.99" fix=""/></div>
</li>
<li class="item">
<label class="item_title">金额:</label>
<div><input type="text" id="sum" name="sum" style="height:22px;" value=""
class="easyui-numberbox" precision="2" min="0" fix=""/></div>
</li>
if(priceruleId==''){
$('#priceruleForm').datagrid('unselectAll');
}else{
$.ajax({
'url': basePath+"product/pricerule/show.action?id="+priceruleId,
'type': 'post',
'dataType: 'json',
'success': function(data){
var json =data['rows'][0];
$('#priceruleForm input').each(function(){
$(this).attr('value', json[this.name]);
});
strategy.select(json.strategy);
state.select(json.state);
type.select(json.type);
$('#discount').numberbox('setValue',json.discount);
$('#sum').numberbox('setValue',json.sum);
$('#endTime').datebox('setValue',json.endTime);
$('#startTime').datebox('setValue',json.startTime);
}
});
}
分享到:
相关推荐
对于 `easyui-textbox`,我们通过 `onchange` 属性直接绑定了一个名为 `handleTextboxChange` 的函数,该函数会弹出一个警告框显示当前输入框的值。对于 `easyui-combobox`,我们则使用 `data-options` 属性的 `...
我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:<input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/> ...
这里的options是选项,可以参考下表: ...input name=”money” id=”money” type=”text” class=”easyui-numberbox” precision=”2″ max=”99999.99″ size=”8″ maxlength=”8″ style=”text-align:right;”/
<input class="easyui-numberbox" min="5.5" max="20" precision="2" required="true" missingMessage="请输入5.5至20之间的数值" /> ``` - **解释**:这里通过设置`class="easyui-numberbox"`来启用数值验证功能...
<input class="easyui-numberbox" data-options="min:1,max:100"> ``` #### 九、DataGrid DataGrid 是一个用于展示表格数据的强大组件。 以上组件及功能为 jQuery EasyUI 的一部分,它们共同构建了一个全面且功能...
<input name="price" class="easyui-numberbox" required="true"> <div class="fitem"> 状态: <input name="status" class="easyui-combobox" data-options=" valueField: 'value', textField: 'text', ...
在本章的学习中,我们将深入理解EasyUI框架中的NumberBox组件,这是一个专用于处理数值输入的控件,它建立在ValidateBox组件的基础上,提供了丰富的功能和定制选项。NumberBox不仅能够确保用户输入的有效性,还能...
<input id="numberbox" class="easyui-numberbox" data-options="min:1, max:100, value:10, precision:2"> <script type="text/javascript"> $(function() { $('#numberbox').numberbox(); }); ``` ##### 参数...
<input id="nb1" class="easyui-numberbox" data-options="min:0,max:1000,precision:2" /> ``` 此示例展示了如何初始化一个 NumberBox 并设置范围和精度。 ##### 参数 NumberBox 的参数包括: 1. **min**: ...
<input id="numberbox" class="easyui-numberbox" data-options="min:1,max:100" /> ``` #### 七、ValidateBox(验证框) **ValidateBox** 用于对用户输入进行验证。 ##### 7.1 实例 ```html <input id=...
以上仅列举了 jQuery EasyUI 框架中几个常见的组件,该框架还包含了大量的其他组件和功能,如`Messager`(提示框)、`NumberBox`(数字框)、`ValidateBox`(验证框)、`Pagination`(分页)、`Window`(窗口)、`...
<input class="easyui-numberbox" /> ``` **6.3 JavaScript 配置** 初始化 NumberBox: ```javascript $(function() { $('.easyui-numberbox').numberbox({ // 可选参数:min, max, precision, formatter, ...
例如,`numberbox`用于数字输入,`radio`和`checkbox`用于单项和多项选择,`datagrid`用于展示表格数据,`tree`用于构建树形结构,`dialog`用于弹出对话框,`messager`用于显示提示信息,`panel`和`layout`则用于...
<div id="nb" class="easyui-numberbox" data-options="min:0,max:1000,value:100"> ``` ##### 参数 - **min**:最小值。 - **max**:最大值。 - **value**:初始值。 #### ValidateBox(验证框) **...
">报送时间: 年 月 日</td></tr></table> <table cellspacing="0" class="pb">'; var frozenColumns = printDatagrid.datagrid("options").frozenColumns; // 得到frozenColumns对象 var columns = printDatagrid...
接下来将分别对 ComboBox、Dialog、Message、NumberBox、ValidateBox、Pagination、Window、Panel、Tabs、Tree、Layout 和 DataGrid 这些组件进行详细的介绍和分析,以帮助读者更好地理解和使用 jQuery EasyUI。
" class="easyui-datagrid" data-options=" iconCls: 'icon-edit', singleSelect: true"> <tr class="tr_middle"> <th class="td_middle" field="description" width="100px">标题1 <th class="td_middle...
接下来我们将继续探讨其他重要的 EasyUI 组件,如 Dialog(对话框)、Messager(提示框)、NumberBox(数字框)、ValidateBox(验证框)、Pagination(分页)、Window(窗口)、Panel(面板)、Tabs(标签)、Tree...
《jQuery EasyUI 中文手册》是为初学者准备的一份详尽指南,它涵盖了jQuery EasyUI框架中的核心组件和功能,旨在帮助开发者快速理解和应用这个强大的前端开发工具。jQuery EasyUI基于jQuery库,提供了一套简洁、直观...