easyUI之window

window组件是一个可拖动、浮动的面板,用于显示信息。内容可用 href或ajax获取。

window是一个显示窗口,同时也可以显示layout的功能(也就是创建复合的组合窗口),如

<div class=‘easu-window‘ style=‘width:200px;height:150px;‘>

  <div class=‘easyui-layout‘ data-options=‘region:west‘>左边</div>

  <div class=‘easyui-layout‘ data-options=‘region:east‘>右边</div>

  <div class=‘easyui-layout‘ data-options="region:‘south‘,fit:true," style="padding:5px 5px 0 0;"> <!--fit:true非常重要,否则将不能正常显示-->

    <a class=‘easyui-linkbutton‘ data-options="iconCls:‘icon-ok‘" sytle=‘width:50px;‘>确认</a>

    <a class=‘easyui-linkbutton‘ data-options="iconCls:‘icon-ok‘" sytle=‘width:50px;‘>取消</a>

</div>

</div>

时间: 2024-08-02 06:57:04

easyUI之window的相关文章

第二百零三节,jQuery EasyUI,Window(窗口)组件

jQuery EasyUI,Window(窗口)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Window(窗口)组件的使用方法,这个组件依赖于 Panel(面 板)组件.resizable(调整大小)和 draggable(拖动)组件.这个组件扩展与 Panel 组件, 最大的优势就是调整大小和拖动以及内部布局. 一.加载方式 class 加载方式 <div id="box" class="easyui-w

EasyUI的window加载的页面不执行js问题说明

http://364434006.iteye.com/blog/1671907 —————————————————————————————————————————————————————————————————————— 解决方案:将被加载页面中的body标签删掉. 说明:window.dialog.tab都是panel,加载内容的方式都有硬编码和通过url来加载外部html片段,这里html片段就是body标签里面的代码. 详细参见: http://easyui.btboys.com/post

EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

描述 :kindeditor4.1.10版本是当前最新的版本,在浏览器兼容性和功能方面都是值得一赞的,在开发中能方便快捷的满足一些开发需求. 问题 :  问题总是有的.  在使用过程中,遇到EasyUI的window窗口中使用kindeditor编辑框,点击打开之后,在IE9中不能回显(修改功能).获得焦点编辑. 其他IE版本.火狐.chrome等常用浏览器都没问题. 问题原因 : 经过跟踪调试测试,初步了解问题原因在于,页面EasyUI和kindeditor样式加载顺序不一致,对应的ID选择器

easyui窗口(window)越界问题--限定easyui窗口(window)活动范围

在使用easyui窗口(window)时遇到一个问题,在窗体拖拽或改变大小时,如果超出浏览器范围,就回不来了. 因为浏览器不会显示滚动条.还要重新刷新页面. 于是我写了一个方法来实现限定窗体的活动范围(只能显示在浏览器可视范围中): <div id="createSchoolWindow" class="easyui-window" title="新建学校" data-options="modal:true,closed:true

easyui的window插件再次封装

代码: /** * easyui的window插件再次封装 * 2014年11月10日 */ SimpoWin = { showWin: function showWindow(title, url, width, height) { if (!top.SimpoWinId) top.SimpoWinId = 0; var divId = "simpoWin" + top.SimpoWinId; top.$("body").append('<div id=&q

EasyUi datagrid window

工作需要做了以下的demowindow里面装了一个datagrid1.datagrid自动适应window的大小,当window resize的时候自动适应.2.datagrid里面加一个custom列,且绑定点击事件.能拿到当前列的rowData <div id="w" class="easyui-window" title="Basic Window" data-options="iconCls:'icon-save'&quo

easyUI中Window Dialog的配置

1. Dialog 的配置参数是扩展于Window Extend from $.fn.window.defaults. Override defaults with $.fn.dialog.defaults.2. Window的配置参数是扩展于Panel Extend from $.fn.panel.defaults. Override defaults with $.fn.window.defaults.3. Panel 的配置参数可以传入覆盖默认Override defaults with

让easyui的window在页面中居中显示

RT $('#zzqhylbView').window("resize",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});//居中显示

java:easyui(重点示例)

1.accordion(可折叠的): <!doctype html> <html lang="zh"> <head> <title>easyUI鐨勯潰鏉跨粍浠?</title> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link r