金斗潼关 2020-01-29 00:00 采纳率: 0%
浏览 365

我想请教一下关于easyui中easyui.css文件中的类easyui-tabs的高度无法调整

easyui我是参照菜鸟教程中《jQuery EasyUI 布局 - 动态添加标签页(Tabs》
网址:https://www.runoob.com/jeasyui/jeasyui-layout-tabs2.html

源代码:

main_view.jsp

<%--
Created by IntelliJ IDEA.
User: Atlantide
Date: 2020/1/27
Time: 15:51
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>





jQuery EasyUI Demo






<!-- 动态菜单JS -->



<br> function addTab(title, url){<br> if ($(&#39;#tt&#39;).tabs(&#39;exists&#39;, title)){<br> $(&#39;#tt&#39;).tabs(&#39;select&#39;, title);<br> } else {<br> var content = &#39;<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>&#39;;<br> $(&#39;#tt&#39;).tabs(&#39;add&#39;,{<br> title:title,<br> content:content,<br> closable:true<br> });<br> }<br> }</p> <pre><code>&lt;/script&gt; </code></pre> <p></head><br> <body><br> <div class="cont-top"><br> <img src="../images/main/华依logo.jpg" width="100px" height="80px"><br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<br> <img src="../images/main/用户头像.jpg" width="60px" height="50px"><br> </div></p> <div style="margin-bottom:10px"> <div class="left-menu" style="height:949px;"> <div class="menu-list"> <ul> <li class="menu-list-01" > <p class="fumenu">库房管理</p> <img class="xiala" src="../images/main/xiala.png" /> <div class="list-p"> <p class="zcd"><a href="#" class="a" onclick="addTab('库房分配','/erp/warehouse_distribution')"> <font color="white">库房分配</font></a></p> <p class="zcd"><a href="#" class="a" onclick="addTab('入库单','/erp/material_warehouse')"> <font color="white">入库单</font></a></p> <p class="zcd"><a href="#" class="a" onclick="addTab('出库单','/erp/product_warehouse')"> <font color="white">出库单</font></a></p> <p class="zcd"><a href="#" class="a" onclick="addTab('库存余额','/erp/product_warehouse')"> <font color="white">库存余额</font></a></p> </div> <pre><code> &lt;/li&gt; &lt;li class=&quot;menu-list-02&quot; &gt; &lt;p class=&quot;fumenu&quot;&gt;销售管理&lt;/p&gt; &lt;img class=&quot;xiala&quot; src=&quot;../images/main/xiala.png&quot; /&gt; &lt;div class=&quot;list-p&quot;&gt; &lt;p class=&quot;zcd&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;a&quot; onclick=&quot;addTab(&#39;库房分配&#39;,&#39;/erp/warehouse_distribution&#39;)&quot;&gt; &lt;font color=&quot;white&quot;&gt;库房分配&lt;/font&gt;&lt;/a&gt;&lt;/p&gt; &lt;p class=&quot;zcd&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;a&quot; onclick=&quot;addTab(&#39;入库单&#39;,&#39;/erp/material_warehouse&#39;)&quot;&gt; &lt;font color=&quot;white&quot;&gt;入库单&lt;/font&gt;&lt;/a&gt;&lt;/p&gt; &lt;p class=&quot;zcd&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;a&quot; onclick=&quot;addTab(&#39;出库单&#39;,&#39;/erp/product_warehouse&#39;)&quot;&gt; &lt;font color=&quot;white&quot;&gt;出库单&lt;/font&gt;&lt;/a&gt;&lt;/p&gt; &lt;p class=&quot;zcd&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;a&quot; onclick=&quot;addTab(&#39;库存余额&#39;,&#39;/erp/product_warehouse&#39;)&quot;&gt; &lt;font color=&quot;white&quot;&gt;库存余额&lt;/font&gt;&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt; &lt;div class=&quot;right-menu&quot;&gt; </code></pre> <p><div id="tt" class="easyui-tabs" style="width:1200px;height:1000px"><br> <div title="首页"><br> </div><br> </div><br> </div><br> </body><br> </html></p> <p>warehouse_distribution.jsp</p> <p>&lt;%@ page import=&quot;java.util.List&quot; %&gt;<br> &lt;%@ page import=&quot;com.springboot.erp.entity.Warehouse&quot; %&gt;<br> &lt;%@ page import=&quot;java.util.ArrayList&quot; %&gt;&lt;%--<br> Created by IntelliJ IDEA.<br> User: Atlantide<br> Date: 2020/1/27<br> Time: 20:47<br> To change this template use File | Settings | File Templates.<br> --%&gt;<br> &lt;%@ page contentType=&quot;text/html;charset=UTF-8&quot; language=&quot;java&quot; %&gt;<br> <html><br> <head><br> <title>库房分配</title><br> <link type="text/css" rel="stylesheet" href="../css/main/main_view.css"/><br> </head><br> <body><br> &lt;%<br> List<Warehouse> warehouseList=new ArrayList<Warehouse>();<br> if(session.getAttribute(&quot;all_warehouses_session&quot;)!=null){<br> warehouseList=(List)session.getAttribute(&quot;all_warehouses_session&quot;);<br> session.removeAttribute(&quot;all_warehouses_session&quot;);<br> }<br> %&gt;<br> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</p> <form action="" method="post"> 请输入仓库号: &emsp;&emsp;&emsp; <input type="text" name="warehouse_no"> &emsp;&emsp;&emsp; <input type="submit" value="查询"> </form> <table border="1" class="t1" width="70%"> <tr> <th>仓库编号</th> <th>仓库名称</th> <th>仓库地址</th> <th>仓库容量</th> <th>仓库租金</th> <th>操作</th> </tr> <% for(Warehouse wh:warehouseList){ %> <tr> <td align="center"><%=wh.getWarehouse_no()%></td> <td align="center"><%=wh.getName()%></td> <td align="center"><%=wh.getLocation()%></td> <td align="center"><%=wh.getVolume()%></td> <td align="center"><%=wh.getRent()%></td> </tr> <% } %> </table> <p></body><br> </html></p> <p><img src="https://img-ask.csdn.net/upload/202001/29/1580227234_221935.png" alt="图片说明"></p>
  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 09:39
    关注

    参考GPT和自己的思路:

    关于您的问题,从您提供的代码中可以看出,easyui-tabs的高度是通过设置style属性中的height值来确定的,您可以尝试在easyui-tabs标签中修改height值来调整高度。同时,您也可以在easyui.css文件中查找easyui-tabs类的样式定义,并修改其中的height值来调整高度。建议在修改样式时进行备份,以免发生不可预料的问题。

    评论

报告相同问题?

悬赏问题

  • ¥15 MATLAB怎么通过柱坐标变换画开口是圆形的旋转抛物面?
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥30 用arduino开发esp32控制ps2手柄一直报错
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题