easyuI企业管理系统-实战三 添加功能
今天你学习了吗?本篇实例是关于easyui添加功能,特别需要注意的是,ID为dlg其class名。其余的自行对照自己的项目进行调整。
<div id="dlg" class="easyui-dialog" style="z-Index: 100px;" fit="true" style="height:500px" closed="true" buttons="#dlg-buttons" modal="true"> <div style="width:100%;height:30px;"></div> <form id="fm" method="post" novalidate minimizable> <table width="260" border="0" align="center" cellpadding="3" > <input type="hidden" name="category_id" id="category_id" /> <tr> <td align="right"> <label style="font-family:宋体;"> 分类名称:</label></td> <td><input type="text" name="category_name" id="category_name" class="easyui-validatebox" data-options="required:true"/>
<span class="x">*</span>
</td> </tr> <tr> <td align="right"> <label style="font-family:宋体;"> 会员折扣%:</label></td> <td><input type="text" name="category_vip" id="category_vip" class="easyui-validatebox" data-options="required:true"/>
<span class="x">*</span>
</td> </tr> <tr> <td align="right"> <label style="font-family:宋体;"> 代理商折扣%:</label></td> <td><input type="text" name="category_agde" id="category_agde" class="easyui-validatebox" data-options="required:true"/>
<span class="x">*</span>
</td> </tr>
<tr> <td align="right"> <label style="font-family:宋体;"> 供销商折扣%:</label></td> <td><input type="text" name="category_deco" id="category_deco" class="easyui-validatebox" data-options="required:true"/>
<span class="x">*</span>
</td> </tr> <tr> <td align="right"> <label style="font-family:宋体;"> 分类示意图:</label></td> <td><input type="text" name="category_image" id="category_image" class="easyui-validatebox" data-options="required:true"/>
<span class="x">*</span>
</td> </tr> </table> </form> <!-- 弹出框按钮 --> <hr style="height:1px;border:none;border-top:1px solid rgb(238, 244, 255);" ></hr> <center> <a href="javascript:void(0)" id="updatebut" class="easyui-linkbutton my-dialog-button" plain="true" icon="icon-ok" onclick="saveE dit2()" iconcls="icon-save">确定</a> <a href="javascript:void(0)" class="easyui-linkbutton my-dialog-button" plain="true" onclick="javascript:$('#dlg').dialog('close ')"iconcls="icon-cancel">取消</a> </center> </div>