easyui layout bug求解

zjb19870616 2011-05-20 01:52:50

小弟 js 不太懂啊就是在使用easyui layout 布局时使用layout 嵌套这是在使用他的滑动就是边上的缩进去再点滑动弹出来这时不能正常缩回在这里求解想要禁掉点击边框禁止让他滑动弹出。



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery EasyUI</title>

	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">

	<script type="text/javascript" src="../jquery-1.4.4.min.js"></script>

	<script type="text/javascript" src="../jquery.easyui.min.js"></script>

	<script>

		

	</script>

</head>

<body class="easyui-layout">

	<div region="north" border="false" style="height:60px;background:#B3DFDA;">north region</div>

	<div region="west" split="true" title="West" style="width:150px;padding:10px;">west content</div>

	<div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>

	<div region="south" border="false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>

	<div region="center" title="Main Title">

		<div class="easyui-layout" fit="true">

				<div  region="north" split="true">asdasd</div>		

				<div   region="center" split="true">asdasd</div>

		</div>

	</div>

</body>

</html>

效果如下：

...全文

668 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

江小鱼NO1 2013-01-09

打赏
举报

回复

这个没有任何问题，估计是你引用的js和css的原因，重新下载个jquery easyui

江小鱼NO1 2013-01-09

打赏
举报

回复


<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Complex DataGrid - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="demo.css">
	<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>               </script> 
</head> 
<body class="easyui-layout">    
 <div region="north" border="false" style="height:60px;background:#B3DFDA;">north region</div>     
 <div region="west" split="true" title="West" style="width:150px;padding:10px;">west content</div>     
 <div region="east" split="true" title="East" style="width:100px;padding:10px;">east region</div>     
 <div region="south" border="false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>     
 <div region="center" title="Main Title">         
 <div class="easyui-layout" fit="true">                 
 <div  region="north" split="true" style="height:200px;">asdasd</div>                         
 <div   region="center" split="true">asdasd</div>         
 </div>     
 </div> 
 </body> 
 </html>

Sail_Huang 2012-12-02

打赏
举报

回复

fit="true" <div region="center" title="Main Title" fit="true">

hbwhypw 2012-07-11

打赏
举报

回复

我也遇到这样的问题，同问

zjb19870616 2011-05-20

打赏
举报

回复

在嵌套的layout中，外层的west在张开和收缩的过程中会被内层的north遮挡，请问如何解决这个问题？非常感谢！

zjb19870616 2011-05-20

打赏
举报

回复

对不起下面的字打错了

Jquery EasyUI 页面框架Demo，共4个

本项目采用struts2+JDBC+easyui进行编写，对easyui各个组件进行详细介绍。由于水平有限,项目bug在所难免,欢迎指正。博文参考地址：http://blog.csdn.net/itmyhome1990/article/details/37502601 使用方法： 1、首先你的电脑得安装有mysql、myeclipse 2、执行init.sql里的语句,顺序执行即可。 3、将项目easyui导入到myeclipse中,部署,运行 4、打开浏览器,输入http://localhost:8080/easyui/

最近在用EasyUI做项目是发现自带的Icon图标太少，而且不是很美观。于是就有了下面的东西。

大家好，又见面了！EasyUI又更新了，这次更新内容还是不少的，具体内容请参考下面的更新说明，官方的更新说明中还少了1条，我给补上了。 jQuery EasyUI 1.3.5版本更新内容： Bug（修复） searchbox：修复“searcher”函数提供的“name”参数值错误的问题； combo：修复“isValid”方法无法返回布尔值的问题； combo：修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题； combogrid：修复某些从combo组件继承来的方法无法使用的问题。 Improvement（改进） datagrid：改进检查行时候的性能； menu：允许追加菜单分隔符； menu：新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单； slider：新增“clear”和“reset”方法； tabs：新增“unselect”方法、“onUnselect”事件； tabs：新增“selected”属性，用于指定的默认打开的面板； tabs：Tab Panel（Tab页）新增“collapsible”属性，用于设置是否允许摺叠面板； tabs：新增“showHeader”属性、“showHeader”方法和“hideHeader”方法； combobox：允许“disabled”属性禁用下拉列表选项； tree：改进数据加载时候的性能； pagination：新增“layout”属性，用于自定义控件的样式布局； accordion：新增“unselect”方法、“onUnselect”事件； accordion：新增“select”和“multiple”属性； accordion：新增“getSelections”方法； datebox：新增“sharedCalendar”属性，允许多个datebox控件共享使用同一个calendar控件。 datebox：新增“buttons”属性，用于自定义日历下方的按钮。（译者注：该点更新内容官方更新公告上没有注明，具体内容和用法请看datebox的API。）历史版本： - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933

相隔4个多月EasyUI又更新了，这次主要是修改BUG和功能改进，有1个新增组件，具体内容可参考文档内的更新说明。本次除了组件的API更新外还对工具包中的皮肤和插件进行了更新，此外还新增了2个实用插件。 jQuery EasyUI 1.4.3版本更新内容： Bug（修复） textbox：修复“setText”方法不接受值为0的问题； timespinner：修复在使用IE11时点击空文本框时出错的问题； tabs：修复“update”方法只能更新面板正文的问题。 Improvement（改进） combobox：提升显示下拉框的性能； combogrid：在下拉数据表格跳转到其它页面的时候记住显示的文本； combogrid：“setValue”和“setValues”方法接受一个键值对象； window：内联窗体的遮罩层可以自动伸展来填补父容器； tabs：“showTool”和“hideTool”方法提供用户显示或隐藏工具栏； layout：允许用户覆盖“cls”、“headerCls”和“bodyCls”属性值。 New Plugin（新组件） switchbutton：新增开关按钮组件，状态：“开”和“关”。

87,994

社区成员

224,697

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章