文章标题

EasyUI 前端框架学

easyui-dialog

<div id="dlg" class="easyui-dialog" style="width: 400px; height: 360px; padding: 10px 20px;top: 100px;" modal="true" closed="true" buttons="#dlg-buttons">
                <div class="ftitle">
                    房间创建
                </div>
                <form id="fm" method="post" novalidate> 
                   <div class="fitem">
                        <label>
                            酒店名称:
                        </label>
                        <input name="hotelid" id="hoteln" class="easyui-combobox" required="true"/>
                    </div>      
                    <div class="fitem">
                        <label>
                            房间名称:
                        </label>
                        <input name="name" id="name" class="easyui-validatebox"  required="true"/>
                    </div>              
                    <div class="fitem">
                        <label>
                            房间电话:
                        </label>
                        <input name="phone" class="easyui-validatebox" validType="number"  required="true"/>
                    </div>                          
                </form>
            </div>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="saveDialog()">添加</a>
JS:如下
//用户管理
function saveDialog() {
    $('#dlg').dialog('open').dialog('setTitle', '添加用户');
    $('#fm').form('clear');
    url = $.ctx + "/admin/user/save.do";//请求的url
}