Easyui 使用笔记

来源:互联网 发布:python yield 用法 编辑:程序博客网 时间:2024/04/30 04:40
  • window 使用
  • dialog 使用

window使用

  1. ajax打开子页面
<div id="openWindow"></div>$('#openWindow').window({    width: 780,    modal: true,    height: 590,    href: url   });

2.打开普通对话框

<div id="windowID" class="easyui-window" inline="false" closed="true" title="温馨提示" data-options="iconCls:'icon-save',modal:true"  style="width:700px;height:auto;">对话框内容</div>$("#windowID").window('open');

dialog 使用

  1. 普通用
$("#id").dialog('open');$("#id").dialog('close');
  1. open url
$('#dd').dialog({    title: 'My Dialog',    width: 400,    height: 200,    closed: false,    cache: false,    href: 'get_content.php',    modal: true});
  1. 带工具条
$("#withdrawnList_div").dialog({    title : 'title',    height : 400,    width: 620,    modal : true,    toolbar: [ {      text : '确定',      iconCls : 'icon-add',      handler : function() {        //do something      }    }, {      text : '取消',      iconCls : 'icon-reload',      handler : function() {        $(this).dialog('close');      }    } ]  });
  1. 带按钮
$("#withdrawnList_div").dialog({    title : 'title',    height : 400,    width: 620,    modal : true,    buttons : [ {      text : '确定',      iconCls : 'icon-add',      handler : function() {        //do something      }    }, {      text : '取消',      iconCls : 'icon-reload',      handler : function() {        $(this).dialog('close');      }    } ]  });
0 0
原创粉丝点击