Easyui弹出框以及渲染数据的方法

总结

---

描述：本文主要总结点击按钮，弹出弹框，并且渲染数据至输入框，并且随着按钮的确认，刷新弹出框表单或者 关闭按钮。

一、新建弹出框

​ 说明：下面代码是，弹出框以及按钮

<div id="exportExcelQDB" class="easyui-dialog" title="签到表" style="width: 400px;height: 350px;" data-options="buttons: '#dlg-buttons-export',modal:true">
    <form method="post" id="exportCelQDB" class="easyui-from">
        <table style="margin-left: 10px;margin-top:15px;" border="0">
            <tr>
                <td>标题：</td>
                <td>
                    <input class="easyui-textbox" id="titlenameQ" name="titlenameQ" value="">
                </td>
            </tr>
            <tr>
                <td>场次编号：</td>
                <td>
                    <input class="easyui-textbox" id="ccbhQ" name="ccbhQ" value="" readonly="readonly">
                </td>
            </tr>
            <tr>
                <td>考点编号：</td>
                <td>
                    <input class="easyui-textbox" id="kdbhQ" name="kdbhQ" value="" readonly="readonly">
                </td>
            </tr>
        </table>
    </form>
</div>
<div id="dlg-buttons-export" style="text-align: center;">
    <a href="javascript:void(0)" class="easyui-linkbutton" onClick="javascript:SignInExcelCallBack()">确定</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" onClick="javascript:$('#exportExcelQDB').dialog('close');">取消</a>
</div>

//打开弹出框的方法
$("#exportExcelQDB").dialog('open');
var obj={};
obj.ccbhQ=ccbh;
obj.kdbhQ=kdbh;
$("#exportCelQDB").form("load", obj);	//渲染数据到input框
$("#exportExcelQDB").dialog('close');	//关闭弹出框
$('#exportExcelQDB').form('clear');		//情空弹出框的表单