easyUI 创建Dialog对话框
2012-08-11 17:00
369 查看
@author YHC
dialog是一个特殊的window,可以包含工具栏在顶部和按钮在下面,但是默认的dialog不能改变大小,但是用户可以设置resizable 属性为true使其可以改变大小.
查看
Demo
dialog非常简单,可以从DIV 创建,就像这样:
<div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"
title="My Dialog" iconCls="icon-ok"
toolbar="#dlg-toolbar" buttons="#dlg-buttons">
Dialog Content.
</div>
toolbar, content 和buttons.
easyui-dialog-demo.zip
dialog是一个特殊的window,可以包含工具栏在顶部和按钮在下面,但是默认的dialog不能改变大小,但是用户可以设置resizable 属性为true使其可以改变大小.
查看
Demo
创建 Dialog
dialog非常简单,可以从DIV 创建,就像这样:<div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"
title="My Dialog" iconCls="icon-ok"
toolbar="#dlg-toolbar" buttons="#dlg-buttons">
Dialog Content.
</div>
准备工具栏和按钮
<div id="dlg-toolbar"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')">Add</a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')">Save</a> </div> <div id="dlg-buttons"> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')">Ok</a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Cancel</a> </div>以上代码我们创建了一个dialog 和工具栏以及按钮,这是标准配置dialog,
toolbar, content 和buttons.
下载 EasyUI 示例代码:
easyui-dialog-demo.zip
相关文章推荐
- EasyUi常用组件(四)Dialog对话框、创建按钮(Buttons)、创建工具栏(Toolbar)
- easyUI 创建Dialog对话框
- EasyUI 动态创建对话框Dialog
- easyui动态创建一个dialog
- Android 官方推荐 : DialogFragment 创建对话框
- jquery-easyui中创建Dialog
- Android 官方推荐 : DialogFragment 创建对话框
- Android 官方推荐 : DialogFragment 创建对话框
- 12、EasyUI创建一个对话框
- Android 在服务Service中创建Dialog对话框
- EasyUI - Dialog 对话框
- 在Spring中通过EasyUI的dialog创建登录界面
- jQuery UI Dialog 创建友好的弹出对话框
- jQuery UI Dialog 创建友好的弹出对话框
- Android 官方推荐 : DialogFragment 创建对话框
- Creating Dialogbased Windows Application (3) / 创建基于对话框的Windows应用程序(三)Checkbox的应用、窗体置顶、设置图标 / VC++, Windows
- Android 官方推荐 : DialogFragment 创建对话框
- Android中对话框Dialog的创建
- 对话框创建新方式showDialog和DialogFragment
- 安卓弹出使用Dialog创建的对话框之后触摸屏幕就消失了的解决方法