- 浏览: 1684519 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng:
en
Native.js -
rmnjava:
我按照你的方法写的,不起作用啊
easyui验证的删除和恢复 -
rmnjava:
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng:
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng:
这是json 吗
freemarker解析json数组
当我们在用easyui的laoyout布局时,如果显示主页面采用的是tabs并且每添加一个tab时嵌套一个ifram,而在iframe中引用的界面有link-button按钮时,在IE8会出现点击该按钮west隐藏,解决方案如下:
<a href="javascript:void(0)" onclick="goAcctBack();" class="easyui-linkbutton" iconCls="icon-back">返回</a>
把href="#" 改成href="javascript:void(0)",或者不要href属性
添加每一页:
function addTab(title, url){ if ($('#uiTab').tabs('exists', title)){ $('#uiTab').tabs('select', title); } else { var content = '<iframe scrolling="yes" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>'; $('#uiTab').tabs('add',{ title:title, content:content, closable:true }); } }
<body class="easyui-layout"> <div region="north" style="background:#fafafa;color:#2d5593;height:40px;"> <div style="font-size:16px;font-weight:bold;width:400px;padding:10px 0 0 10px;display:inline;">后台管理系统</div> <div align="right" style="display:inline">欢迎您:<shiro:principal property="name"/>! </div> <div align="right" style="display:inline"><a href="${ctx}/logout">退出登录</a></div> </div> <div region="west" split="true" title="导航菜单" style="width:280px;padding1:1px;overflow:hidden;overflow-y:auto; overflow-x:auto; "> <div class="easyui-accordion" fit="true" border="false"> <div title="系统管理"> <table style="width:100%;"> <tr> <td class="westmenu"> <a href="javascript:addTab('推荐管理','${ctx}/artpic/index')"> <img src="${ctx}/static/images/kontact.png"></img><br/> <span>推荐管理</span> </a> </td> </tr> <tr> <td class="westmenu"> <a href="javascript:addTab('账号管理','account.html')"> <img src="${ctx}/static/images/kdmconfig.png"></img><br/> <span>账号管理</span> </a> </td> </tr> </table> </div> </div> </div> <div region="center" fit="true" style="overflow:hidden;"> <div id="uiTab" class="easyui-tabs" fit="true" border="false"> <div title="首页" style="padding:20px;overflow:hidden;"> <img src="${ctx}/static/images/logo.gif" alt="Artron" id="logo-image" /> <div style="margin-top:20px;"> <p></p> <p> </p> <p></p> </div> </div> </div> </div> </body>
发表评论
-
easyui datagird 拖拽
2017-09-28 08:18 405http://www.jeasyui.net/extens ... -
火狐下easyui1.3.1弹出window框定位不到中间
2012-11-15 13:02 2553今天在测试easyui升级的时候,出现了一个问题就是弹出win ... -
easyui验证的删除和恢复
2012-11-15 11:51 10816昨天群里讨论easyui验证动态的添加和删除时,群主给出了一个 ... -
easyui验证扩展
2012-11-15 10:45 1417我们都知道easyui的验证就提供了几个简单的,远远是不够我们 ... -
取到easyui的tab下iframe方法
2012-09-05 17:53 18148我们在使用easyui的tab时,有时候需要每次点击tab头, ... -
combotree的setValue指定值后不能展开
2012-07-31 11:01 515$.extend($.fn.combotree.methods ... -
easyui的combotree反写的方式
2012-06-27 15:30 636我们在使用easyui的combotree的时候肯定在修改的时 ... -
easyui验证扩展包括半角.
2012-06-25 14:01 454easyui验证扩展包括半角. $.extend($. ... -
判断页面是否有window、messager显示
2012-03-26 17:23 1575判断页面是否有window、message显示 ... -
修改Messager中的alert方法info默认图片
2012-03-14 12:51 1357在项目中有个同事说alert中info的那个图片太丑了,能不能 ... -
datagird分页查询问题
2012-02-15 15:28 535在使用datagrid查询时,如果把当前页不在第一页的话,查 ... -
easyui中datagrid查询时使用对象名
2012-02-15 10:17 757easui中查询的时候如果使用的是对象,在查询中 ... -
datagrid的扩展
2011-11-23 22:50 1312finder: function(jq, condition ... -
datagrid扩展editor
2011-11-17 14:50 2894easyui1.2.4支持了数据编辑功能,但提供的东西有限,所 ... -
eayui的validatebox分析
2011-10-11 15:12 3853在分析eayui的validatebox的源代码中发现, ... -
tabs源码分析
2011-10-10 11:37 1923easyui的tabs源码分析 使用原始的html di ... -
panel源码分析
2011-10-08 13:25 4605我们使用easyui的panel时 ... -
panel中没有title整个头不显示
2011-09-27 17:33 3253在使用easyui-panel中,如果div中没有指定tit ... -
css a:hover属性使用发现问题
2011-09-27 11:09 1997在看easyui的linkbutton的源码样式时,发现了一个 ... -
easyui使用的两种引用方式
2011-09-22 16:03 7353easyui使用的两种引用方式: 1.easyui全部引用 ...
相关推荐
总之,jQuery EasyUI的Layout布局功能是构建后台管理页面的强大工具,结合实例代码,开发者可以快速创建出专业且功能完善的管理界面。通过学习和掌握这一技术,可以极大地提升Web应用的用户体验和开发效率。
1.2 主要组件:jQuery EasyUI 提供了包括对话框(Dialog)、表格(Grid)、菜单(Menu)、按钮(Button)、表单(Form)等多种组件,以及下拉列表(Combobox)和Layout布局在内的高级功能。 二、下拉列表(Combobox...
在布局方面,EasyUI 提供了`Layout`组件,可以实现复杂的页面布局。`Layout`有四个区域:north(北)、south(南)、east(东)、west(西),每个区域都可以包含其他组件,通过设置`split`属性,用户还可以拖动边框...
首先,EasyUI的核心组件包括布局(Layout)、表格(Grid)、对话框(Dialog)、表单(Form)、菜单(Menu)、按钮(Button)等。这些组件都遵循一致的设计风格,能够帮助开发者快速搭建出符合企业级应用需求的界面。...
2. **布局管理**:EasyUI提供了`<div class="easyui-layout">`来实现页面的分区域布局,可以设置north, south, east, west, center等区域,并且支持动态调整大小。 3. **数据网格(datagrid)**:datagrid是EasyUI...
1. **布局(Layout)**:EasyUI 提供了灵活的布局系统,允许开发者创建复杂的页面结构,如north、south、east、west和center区域。 2. **表格(Grid)**:表格组件支持数据展示、排序、过滤、分页等功能,并可与...
- **组件丰富**:EasyUI提供了多种UI组件,包括数据网格(datagrid)、表单(form)、布局(layout)、菜单(menu)、按钮(button)、对话框(dialog)等,覆盖了Web应用开发的常见需求。 - **主题多样**:EasyUI...
1. easyui布局-树的创建:在easyui中,布局一般通过Layout组件来实现,它提供了区域分割和面板布局的功能。这部分代码创建了一个带有三个区域(north、west、center)的布局,其中: - 北侧(north)是一个固定高度...
1. **布局(Layout)**:EasyUI 提供了灵活的布局系统,可以方便地划分页面区域,如north、south、east、west和center,用于创建响应式的网页布局。 2. **窗口(Window)**:支持创建弹出式或嵌入式的窗口组件,可...
首先,EasyUI 的主要组成部分包括布局(Layout)、表单(Form)、表格(Grid)、对话框(Dialog)、菜单(Menu)等常用组件。在这一版本中,这些组件都进行了优化和增强,以提供更好的用户体验和更高的性能。 1. **...
- **布局(Layout)**:学习如何创建响应式的页面布局,如 north、south、east、west 和 center 区域的配置。 - **表格(Grid)**:理解如何显示和操作数据,包括列定义、排序、分页、筛选和自定义操作。 - **...
1. **布局(Layout)**:EasyUI 的布局系统允许开发者创建复杂的页面结构,如north、south、east、west和center区域,使得内容可以灵活地分布在屏幕的不同位置。 2. **表格(Grid)**:表格组件支持数据的展示、...
Layout组件用于创建复杂的页面布局,包含north、south、east、west、center五个区域。通过调整各区域的大小,可以实现灵活的界面布局。 9. **加载提示(loading)** 当进行异步操作时,可以使用loading提示用户...
EasyUI 提供了一系列的 UI 组件,包括布局(Layout)、表格(Grid)、表单(Form)、对话框(Dialog)、菜单(Menu)、按钮(Button)、下拉框(ComboBox)、树形控件(Tree)、日历(Calendar)等。这些组件涵盖了...
1. **布局(Layout)**:EasyUI的布局组件允许开发者将页面划分为多个区域,如north、south、east、west和center,方便构建复杂的界面结构。在demo中,你可以看到如何配置这些区域的大小和行为。 2. **表格(Grid)...
- **布局(Layout)**:允许自定义页面布局,如north、south、east、west、center区域。 - **菜单(Menu)**:提供下拉或级联菜单,方便用户导航。 - **按钮(Button)**:包含普通按钮、链接按钮、提交按钮等...
1. **布局(Layout)**:允许开发者轻松创建响应式的页面布局,如north、south、east、west和center区域,适应不同屏幕尺寸。 2. **表格(Grid)**:提供数据展示和操作功能,支持分页、排序、过滤、编辑等操作,可...
- **布局(Layout)**:用于创建复杂的页面布局,如 north、south、east、west 和 center 区域,可实现面板的动态调整和分割。 - **数据网格(Datagrid)**:显示表格数据,支持排序、分页、筛选等功能,可以与...
它主要由几个部分组成,包括布局(Layout)、表格(Grid)、对话框(Dialog)、表单(Form)、菜单(Menu)、按钮(Button)等组件,以及数据绑定、分页、排序等功能。这些组件都基于HTML5和CSS3,实现了丰富的交互...
- **布局(Layout)**: 提供了灵活的页面布局功能,可以将页面划分为多个区域,如north、south、east、west和center。 - **对话框(Dialog)**: 实现弹出式窗口,用于展示信息、表单或其他复杂内容。 - **表格...