Dialog是一個特殊定義的window,用於顯示出彈跳、折疊方式的DataForm。預設情況下在窗口的右上角有一個關閉按鈕。 該dialog在easyui-dialog這個class下。
用例
<div id="dlg" class="easyui-dialog" style="width: 600px; padding: 10px 20px" closed="true" buttons="#dlg-buttons" infolight-options="containForm:'#ff'"> <div id="ff" method="post" infolight-options="remoteName:'sCustomers.Customers',tableName:'Customers'"> <table> <tr> <td>客户编号: </td> <td> <input class="easyui-validatebox" type="text" infolight-options="field:'CustomerID',form:'ff'" name="CustomerID" data-options="required:true"></input> </td> </tr> </table> </div> <div style="text-align: center; padding: 5px"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm('#dlg')">確定</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="closeForm('#dlg')">取消</a> </div> </div> |
data-options
名稱 |
功能描述 |
close |
true表示顯示關閉按鈕 |
width |
打開窗口寬度 |
height |
打開窗口高度 |
infolight-options
名稱 |
功能描述 |
containForm |
設定打開編輯資料DataForm的table的id |