jquery easyui 1.3.4 的datagrid无法自适应高度和宽度,分页控件位置问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyui 1.3.4 的datagrid无法自适应高度和宽度,分页控件位置问题相关的知识,希望对你有一定的参考价值。
为什么加入代码fit:true后,我的分页控件在那个对方,只显示出一半分页。。。
参考技术A 你没发现你的上面都有一道空白吗。你仔细找找tab里面是不是有什么地反搞了margin,或者padding。
datagrid的地方也找找。追问
什么叫反搞了margin呢,是指margin与padding弄错了吗
追答你是不是有什么地方加了margin或者padding。打字错误
追问只有这行代码应该不是这个问题吧
追答哈哈,我打赌你是培训出来的。xxxx的。
你找,肯定有一个地方设置了。或者直接打开firebug,点击左侧的那个小方框,然后点中那个周围有空白的地方。会在右侧看到css的
jquery easyui 选项卡
CSS加载
<
div
class
=
"easyui-tabs"
style
=
"width: 400px;height: 250px"
>
<
div
title
=
"Tab1"
data-options
=
"closable:true"
>
tab1
</
div
>
<
div
title
=
"Tab2"
data-options
=
"closable:true"
>
tab2
</
div
>
<
div
title
=
"Tab3"
data-options
=
"iconCls:‘icon-reload‘,closable:true"
>
tab3
</
div
>
</
div
>
JS加载
<
div
id
=
"box"
style
=
"width: 400px;height: 250px"
>
<
div
title
=
"Tab1"
data-options
=
"closable:true"
>
tab1
</
div
>
<
div
title
=
"Tab2"
data-options
=
"closable:true"
>
tab2
</
div
>
<
div
title
=
"Tab3"
data-options
=
"iconCls:‘icon-reload‘,closable:true"
>
tab3
</
div
>
</
div
>
<
script
>
$(function () {
$(‘#box‘).tabs({
// 选项卡容器宽度
width : 500,
// 项卡容器高度
height: 400,
// 是否不显示控制面板背景。
plain : false,
// 选项卡是否将铺满它所在的容器
fit : false,
// 是否显示选项卡容器边框
border : true,
// 选项卡滚动条每次滚动的像素值
scrollIncrement : 200,
// 每次滚动动画持续的时间
scrollDuration : 400,
// 工具栏添加在选项卡面板头的左侧或右侧
tools:[{
iconCls : ‘icon-add‘,
handler : function () {
alert(‘添加!‘);
},
}],
// 工具栏位置
toolPosition : ‘left‘,
// 选项卡位置
tabPosition : ‘left‘,
// 选项卡标题宽度,在 tabPosition 属性设置为‘left‘或‘right‘的时候才有效
headerWidth : 300,
// 标签条的宽度
tabWidth : 250,
// 标签条的高度
tabHeight : 25,
// 初始化选中一个 tab 页, 从0开始
selected : 2,
// 是否显示 tab 页标题
showHeader: true
}) ;
});
</
script
>
以上是关于jquery easyui 1.3.4 的datagrid无法自适应高度和宽度,分页控件位置问题的主要内容,如果未能解决你的问题,请参考以下文章
jquery easyui 分页是怎么把page 和 rows 传到后台的
jquery的easyUI的datagrid实现分页时怎么传递当前页
jquery easyui1.3.4版本,怎么在点击输入框的时候就弹出下拉列表???