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 Easy UI要导入的js文件

jquery easyui 分页是怎么把page 和 rows 传到后台的

jquery的easyUI的datagrid实现分页时怎么传递当前页

jquery easyui1.3.4版本,怎么在点击输入框的时候就弹出下拉列表???

关于jquery easyui的datagrid组件,如何动态加载表头及其数据

关于jquery easyUi中打不开tabs的问题,求大神搭救!!!