easyui-tabs 动态加载tabs里面iframe scrolling无法出现滚动条

easyui-tabs 动态加载tabs,里面iframe,scrolling设置为auto,yes都不出现滚动条,内容无法全部显示,该怎么办?

6个回答

easyui1.3.5没问题啊,是不是你加载的页面有问题。。你什么版本的

    <div class="easyui-tabs" style="width:700px;height:250px" id="tabs">    
        <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
            This is the help content.
        </div>
    </div>
    <script>
        $(function () { $('#tabs').tabs('add', { title: 'csdn', content: '<iframe src="http://bbs.csdn.net" scrolling="auto" style="width:100%;height:100%"></iframe>' }) })
    </script>
showbo
支付宝加好友偷能量挖 回复user_vip_: 放到layout里面也没问题啊?最好发你完整代码来看
大约 5 年之前 回复
user_vip_
清风佛柳 回复showbo: 我按你写的代码写的单独页面确实有滚动条。但放在 easyui layout 框架 里面就不行了!
大约 5 年之前 回复
user_vip_
清风佛柳 回复showbo: firefox. js 设置的scrolling 为 auto.
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 回复user_vip_: 1.4.1也没有问题,iframe是独立的窗体,除非你自己用js动态设置过iframe的scroll,要不会出现滚动条的。你的什么浏览器?
大约 5 年之前 回复
user_vip_
清风佛柳 Current Version: 1.4.1.还是不行!我把fit设置为false也不行!
大约 5 年之前 回复

放到layout里面也没问题的。你发代码的时候记得选中你的代码后点击</>这个标签格式化下,要不就会乱七八糟

 <body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div>
    <div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div>
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
    <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
    <div data-options="region:'center',title:'Center'"><div class="easyui-tabs" style="width:700px;height:250px" id="tabs"  data-options="fit:true">
        <div title="About" style="padding:10px">
            <p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
            <ul>
                <li>easyui is a collection of user-interface plugin based on jQuery.</li>
                <li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
                <li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
                <li>complete framework for HTML5 web page.</li>
                <li>easyui save your time and scales while developing your products.</li>
                <li>easyui is very easy but powerful.</li>
            </ul>
        </div>
        <div title="My Documents" style="padding:10px">
            <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>
        </div>
        <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
            This is the help content.
        </div>
    </div></div> <script>
        $(function () { $('#tabs').tabs('add', { title: 'csdn', content: '<iframe src="http://bbs.csdn.net" scrolling="auto" style="width:100%;height:100%"></iframe>' }) })
    </script>
</body>
user_vip_
清风佛柳 代码我贴出来了,麻烦看看!
大约 5 年之前 回复

$(document).ready(function () {
$('.easyui-accordion li a').click(function () {
var tabTitle = $(this).text();
var url = $(this).attr("href");
addTab(tabTitle, url);
$('.easyui-accordion li div').removeClass("selected");
$(this).parent().addClass("selected");
}).hover(function () {
$(this).parent().addClass("hover");
}, function () {
$(this).parent().removeClass("hover");
});

       function addTab(subtitle, url) {
           if (!$('#tabs').tabs('exists', subtitle)) {
               $('#tabs').tabs('add', {
                   title: subtitle,
                   content: createFrame(url),
                   closable: true,
                   width: $('#mainPanle').width() - 10,
                   height: $('#mainPanle').height() - 26

               });
           } else {
               $('#tabs').tabs('select', subtitle);
          }
           tabClose();
       }


       function createFrame(url) {
           var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
           return s;
       }


       function tabClose() {
           /*双击关闭TAB选项卡*/
           $(".tabs-inner").dblclick(function () {
               var subtitle = $(this).children("span").text();
               $('#tabs').tabs('close', subtitle);
           })

上面的是js.

这个是页面代码:

            <div id="tabs" class="easyui-tabs" fit="false" border="false">

                <div title="欢迎使用" style="padding: 20px; overflow: hidden;" id="home">

                    <h1>欢迎使用!</h1>

                </div>

            </div>
        </div>

  <div id="mainPanle" region="center" style="overflow:hidden;">

                <div id="tabs" class="easyui-tabs" fit="false" border="false">

                    <div title="欢迎使用" style="padding: 20px; overflow: hidden;" id="home">

                        <h1>西安唐久连锁便利店!</h1>

                    </div>

                </div>
            </div>

上面是页面代码。
下面是js.

 $(document).ready(function () {
           $('.easyui-accordion li a').click(function () {
               var tabTitle = $(this).text();
               var url = $(this).attr("href");
               addTab(tabTitle, url);
               $('.easyui-accordion li div').removeClass("selected");
               $(this).parent().addClass("selected");
           }).hover(function () {
               $(this).parent().addClass("hover");
           }, function () {
               $(this).parent().removeClass("hover");
           });


           function addTab(subtitle, url) {
               if (!$('#tabs').tabs('exists', subtitle)) {
                   $('#tabs').tabs('add', {
                       title: subtitle,
                       content: createFrame(url),
                       closable: true,
                       width: $('#mainPanle').width() - 10,
                       height: $('#mainPanle').height() - 26

                   });
               } else {
                   $('#tabs').tabs('select', subtitle);
              }
               tabClose();
           }


           function createFrame(url) {
               var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
               return s;
           }


           function tabClose() {
               /*双击关闭TAB选项卡*/
               $(".tabs-inner").dblclick(function () {
                   var subtitle = $(this).children("span").text();
                   $('#tabs').tabs('close', subtitle);
               })

你变换过浏览器大小了是吧。。如果是最大化后,然后还原更改窗体iframe确实是没有滚动条了。这个是easyui layout设置了tab body的宽度为初始化的浏览器宽度,父容器是依据浏览器实际宽度来定位,设置了overflow:hidden导致被隐藏起来了,自己写事件来重新你的tab body的宽度为auto即可。而且你也忘记给a的click事件return false阻止浏览器跳转了

  $('#tabs').tabs('add', {
                   title: subtitle,
                   content: createFrame(url),
                   closable: true,
                   width: $('#mainPanle').width() - 10,
                   height: $('#mainPanle').height() - 26

               }).tabs('getSelected').css('width','auto');////////增加这句设置宽度为auto即可。。

具体分析看这个:easyui tabs content为iframe没有滚动条解决办法

user_vip_
清风佛柳 OK,页面完整代码贴出来了
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 你最好发完整的代码,你的accordion在哪里没有贴出来。。
大约 5 年之前 回复
user_vip_
清风佛柳 不行啊,搞不定! 不知道为什么啊!
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 回复user_vip_: 一样的。。你最大化的时候设置了宽度,你问题是一定要将宽度给设置为auto才行,easyui 的tabs-panels样式也设置了overflow:hidden
大约 5 年之前 回复
user_vip_
清风佛柳 我firebug看下代码。里面有个属性:<body class="easyui-layout layout panel-noscroll">。panel-noscroll。是不是跟这个有关呐!
大约 5 年之前 回复
user_vip_
清风佛柳 加这个代码还是不行啊!大神,加个Q吧!2210678357.
大约 5 年之前 回复
 <body class="easyui-layout">


            <div region="west" split="true" title="导航菜单" style="width: 200px;">
              <div id="item" class="easyui-accordion" fit="true" border="false">
                <ul id="menu" class="easyui-tree" fit="false" border="false" >
                <li>
                        <li data-options="state:'closed'">
                            <span>门店分组</span>
                            <ul>
                                <li><a><span>添加组</span></a></li>
                            </ul>
                        </li>

                    </ul>
                </li>

                </ul>

                </div>
            </div>

             <div id="mainPanle" region="center" style="overflow:hidden;">
                <div id="tabs" class="easyui-tabs" fit="true" border="false">

                    <div title="欢迎使用" style="padding: 20px; overflow: hidden;" id="home">

                        <h1>欢迎使用!</h1>

                    </div>

                </div>
            </div>

  </body>
user_vip_
清风佛柳 知道了!我找到问题了!我在子页面加了"easyui-layout".多谢帮忙! - -
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 你这个布局我这里测试根本没有问题,也不用加代码控制。你可以去这里看:http://www.coding123.net/easyui/你用什么浏览器测试的?发个在线demo看看,我这里firefox12,chrome38,ie8测试都没你说的问题
大约 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Easyui Tabs出现双滚动条
这样是没有的,设置了iframe外面的div overflow:hidden ``` <div data-options="region:'center'" > <div id="tabs" class="easyui-tabs" data-options="fit:true,border:false"> <div title="Tab1" style="overflow:hidden"> <iframe scrolling="auto" frameborder="0" src="/A/a" style="width:100%;height:100%"></iframe> </div> </div> </div> ``` 但如果js动态添加tab ``` <script type="text/javascript"> function addTab(title, url) { if ($('#tabs').tabs('exists', title)) { $('#tabs').tabs('select', title); } else { var content = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%"></iframe>'; $('#tabs').tabs('add', { title: title, content: content, closable: true }); } } </script> <div data-options="region:'center'" > <div id="tabs" class="easyui-tabs" data-options="fit:true,border:false"> </div> </div> ```
关于easyui tab iframe 高度问题
$(function() { for ( var i = 0; i < 1; i++) { addTab(i, 'http://www.163.com'); } }); function addTab(subtitle, url) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title: subtitle, content: createFrame(url), closable: true }); $('#tabs').tabs('getSelected').css('width', 'auto'); //重新tab body宽度为auto,如果你上面的添加语句设置了selected为false,注意使用下面注释的这句来获取你的tab //$('#tabs').tabs('getTab', subtitle).css('width', 'auto'); } tabClose(); $('#tabs').tabs('getSelected').css('width', 'auto'); } function createFrame(url) { var s = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>'; return s; } function tabClose() { /*双击关闭TAB选项卡*/ $(".tabs-inner").dblclick(function() { var subtitle = $(this).children("span").text(); $('#tabs').tabs('close', subtitle); }); } </head> <body> <div id="tabs" class="easyui-tabs"> <div title="欢迎使用" style="padding: 20px; overflow: hidden;height: auto;width: 100px;" id="home"> <h1> <a href="javascript:addTab('test','addTDemo.jsp');">111</a> </h1> </div> </div> </body> ``` 运行后的代码 ``` <body> <div id="tabs" class="easyui-tabs tabs-container" style="width: auto; height: auto;"> <div class="tabs-header"> <div class="tabs-scroller-left" style="display: none;"></div> <div class="tabs-scroller-right" style="display: none;"></div> <div class="tabs-wrap" style="margin-left: 0px; left: 0px; width: 1598px;"> <ul class="tabs"> <li class="tabs-selected"><a href="javascript:void(0)" class="tabs-inner"><span class="tabs-title">欢迎使用</span><span class="tabs-icon"></span> </a> </li> <li class=""><a href="javascript:void(0)" class="tabs-inner"><span class="tabs-title tabs-closable">0</span><span class="tabs-icon"></span> </a><a href="javascript:void(0)" class="tabs-close"></a> </li> </ul> </div> </div> <div class="tabs-panels" style="height: auto; width: auto;"> <div class="panel" style="display: block; width: auto;"> <div title="" style="padding: 20px; overflow: hidden; height: auto; width: 1558px;" id="home" class="panel-body panel-body-noheader panel-body-noborder"> <h1> <a href="javascript:addTab('test','addTDemo.jsp');">111</a> </h1> </div> </div> <div class="panel" style="display: none; width: auto;"> <div title="" class="panel-body panel-body-noheader panel-body-noborder" style="width: 1598px; height: auto;"> <iframe scrolling="auto" frameborder="0" src="http://www.163.com" style="width:100%;height:100%;"></iframe> </div> </div> </div> </div> </body> "" ![图片说明](https://img-ask.csdn.net/upload/201506/16/1434418552_380056.png) 高度很低。
easyui,iframe加载,缩放出滚动条,放大滚动条消失
当缩放的时候,下方和右侧出现滚动条;但是当放大,就算放大一点点滚动条就消失,就正常。直接贴代码吧 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <link href="../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" /> </head> <body class="easyui-layout" fit="true" scroll="no"> <div region="north" class="head-north" split="true" border="false"> </div> <div region="west" split="true" title="导航菜单" style="width:180px;" id="west"> </div> <div region="south" split="true" class="head-south"> <div class="footer">Copyright &copy; 2017 </div> </div> <div region="center" id="mainPanle" style="background: #eee; overflow-y:hidden"> <div id="tabs" class="easyui-tabs" fit="true" border="false"> <div title="我的桌面" style="overflow:hidden;" id="home"> <iframe id='time' name="time" src="../../HtmlPage2.html" style="width:100%;height:100%;" frameborder="0" scrolling="no"></iframe> </div> </div> </div> <script type="text/javascript" src="../../Scripts/jquery.min.js"></script> <script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script> </body> </html> ``` ``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <link href="~../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" /> </head> <body> <div style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:auto;"> <div id="selectDiv"> <fieldset> <legend>查询条件</legend> <label>角色名称:</label> <input class="easyui-textbox" id="roleSelect" type="text" /> <button class="easyui-linkbutton" style="text-align:center" onclick="loadTable()">确定</button> </fieldset> </div> <table id="rolesTable"></table> </div> <script type="text/javascript" src="../../Scripts/jquery.min.js"></script> <script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script> <script> $(function () { $('#rolesTable').datagrid({ fit: true, fitColumns: true, url: '', idField: 'id', selectOnCheck: true, checkOnSelect: true, pagination: true, pageSize: 15, pageNumber: 1, pageList: [15, 20, 25], toolbar: '#selectDiv', rownumbers: true, columns: [[ { field: 'ck', checkbox: true }, { field: 'ID', title: '字段1', width: 100 }, { field: 'YEAR', title: '字段2', width: 100 }, { field: 'NAME', title: '字段3', width: 100 }, { field: 'FNAME', title: '字段4', width: 100 }, { field: 'FDATE', title: '字段5', width: 100 } ]] }); }); </script> </body> </html> ```
EasyUI 添加Tab没有效果,急急急
``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="js/login.js"></script> <script type="text/javascript"> $(function() { var treeData = [ { text : '系统管理', iconCls : 'icon-save', collapse : false, state : 'closed', children : [ { text : "用户管理", iconCls : "icon-add", attributes : { url : "user.jsp" } }, { text : "部门管理", iconCls : "icon-add", attributes : { url : "dept.jsp" } }, { text : "角色管理", iconCls : "icon-add", attributes : { url : "roles.jsp" } }, { text : "权限管理", iconCls : "icon-add", attributes : { url : "limit.jsp" } } ] }, { text : 'Item2' } ]; $('#tree').tree({ data : treeData, onClick : function(node) { if (node.attributes) { openTab(node.text, node.attributes.url); } } }); function openTab(title, url) { //判断是否已存在 alert("info-select" + title + "URL:" + url); if ($('#tab-list').tabs('exists', title)) { $('#tab-list').tabs('select', title); } else { //新增tab $('#tab-list').tabs('add', { title : title, content : createTabContent(url) }); $("#tab-list").tabs('add', { title : 'new tab', selected : false }); } } /* 生成tab内容 */ function createTabContent(url) { return '<iframe style="width:100%;height:98%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>'; } }); </script> </head> <body id="cc" class="easyui-layout" style="width:100%;height:100%"> <div id="tab-list1" data-options="region:'north',title:'信息提示',split:false" style="height:100px;"></div> <div id="tab-list2" data-options="region:'west',title:'导航菜单',split:true" style="width:200px;"> <ul id="tree"></ul> </div> <div id="tab-list" data-options="region:'center',title:'首页'" style="padding:5px;background:#eee;"></div> </body> </html> ```
IMG标签加载FTP的图片,在chorme下正常,IE下不显示
子页面 ``` @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <img id="pic" src="ftp://192.168.1.10/Pictures/201684/20160804090110-749-(%C0%B6%BE%A9YM1Z04)5-%C8%AB%BE%B0%CD%BC.jpg" style="width:500px;height:500px"/></div> </body> </html> ``` Home页 ``` @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/Scripts/jquery.easyui.min.js"></script> <script src="~/Scripts/easyui-lang-zh_CN.js"></script> <script src="~/Scripts/common.js"></script> <link href="~/Content/themes/default/easyui.css" rel="stylesheet" /> <link href="~/Content/themes/icon.css" rel="stylesheet" /> <script type="text/javascript"> function addTab(title, url) { if ($('#tabs').tabs('exists', title)) { $('#tabs').tabs('select', title); } else { var content = '<iframe scrolling="no" frameborder="0" src="' + url + '" style="width:100%;height:99%"></iframe>'; $('#tabs').tabs('add', { title: title, content: content, closable: true }); } } </script> </head> <body> <div> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="addTab('新标签','/Default1/Index')"> 添加</a> <div id="tabs" class="easyui-tabs" style="width:500px;height:500px"> </div> </div> </body> </html> ``` 在Chrome下,子页面运行没问题,home页tabs加载子页面图片也没问题 在IE下,子页面运行图片显示,home页tabs加载子页面图片不显示错误
JQUERY EASYUI 如何获取TABS的点击对象??
<script type=&quot;text/javascript&quot;> $(document).ready(function () { $('#tt').tabs(); $('#tt').tabs('add', { title: 'tab1 ', closable: true, content: '<iframe scrolling=&quot;yes&quot; frameborder=&quot;0&quot; src=http://topic.csdn.net/u/20110524/17/&quot;Demo-MainFrame01.jsp?type=0&quot; style=&quot;width:100%;height:100%;&quot;></iframe>', selected: true }); $('#tt').tabs('add', { title: ''tab2 ', closable: true, content: '<iframe scrolling=&quot;yes&quot; frameborder=&quot;0&quot; src=http://topic.csdn.net/u/20110524/17/&quot;Demo-MainFrame01.jsp?type=1&quot; style=&quot;width:100%;height:100%;&quot;></iframe>' }); $('#tt').tabs('add', { title: ''tab3', closable: true, content: '<iframe scrolling=&quot;yes&quot; frameborder=&quot;0&quot; src=http://topic.csdn.net/u/20110524/17/&quot;Demo-MainFrame01.jsp?type=1&quot; style=&quot;width:100%;height:100%;&quot;></iframe>' }); }); </script> <body> <div id="tt"></div> </body> 我想在第一次 点击TAB1时,触发一个事件,刷新TAB1里面的内容,点击第一次TAB2时,刷新TAB2里面的内容。该如何做?
easyUI左侧导航联动tab没反应?哪位大神帮忙看一下!
``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>main</title> </head> <!-- jquery核心库 --> <script type="text/javascript" src="easyui/jquery.min.js"></script> <!-- easyui核心库 --> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <!-- easyui核心UI文件 css --> <link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <!-- easyui图标 --> <link href="easyui/themes/icon.css" rel="stylesheet" type="text/css" /> <!-- easyui国际化文件 --> <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> <script> var datajson=[ { text: "部门管理", state: "closed", children: [ { text: "部门列表", attributes: { url:"./add.html" } }, { text: "部门设置", attributes: { url:"./add.html" } }, { text: "部门操作", attributes: { url:"./add.html" } }, ] }, { text: "员工管理", state: "closed", children: [{ text: "员工列表", attributes: { url:"./add.html" } }] }, { text: "角色管理", state: "closed", children: [{ text: "角色列表", attributes: { url:"./add.html" } }] }, { text: "权限管理", state: "closed", children: [{ text: "权限列表", attributes: { url:"./add.html" } }] }, { text: "系统管理", state: "closed", children: [{ text: "退出系统", attributes: { url:"./add.html" } }] } ] /* 树形结构加载的是文件或者访问的是地址的时候 使用属性url 如果加载固定数据 使用属性data */ $(function(){ $('#tt').tree({ data:datajson, onSelect : function(node) { //有地址对应的进行跳转 if(node.attributes){ //alert(node.attributes.url); OpenTab(node.text,node.attributes.url); } } }); function OpenTab(Text,URL) { //alert(Text); // 添加一个未选中状态的选项卡面板,具体参考Easyui table 选项卡     if ($("#MenusTabs").tabs('exists', text)) {         $('#MenusTabs').tabs('select', text);     } else {    var Content = '<iframe scrolling="auto" frameborder="0"  src="'+URL+'" style="width:100%;height:100%;"></iframe>';         $('#MenusTabs').tabs('add', {             title : Text,             closable : true,             content : Content         });     } } }) </script> <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height: 100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width: 200px;"> <ul id="tt"></ul> </div> <div data-options="region:'center'" style="padding: 5px; background: #eee;"> <div id="MenusTabs" class="easyui-tabs" fit="true" border="false"> <div title="首页"> <div align="center" style=" padding-top:100px;"> <font color="red" size="15"> Welcome ! Enjoy To Use EasyUI! </font></br> <font color="red" size="15"> 欢迎 ! 享受 easyUI!~ </font> </div> </div> </div> </div> </body> </html> ```
使用easyui布局的 怎么可以点击按钮 在center打开界面 不发生跳转
使用easyui布局的 怎么可以点击按钮 在center打开界面 不发生跳转 ``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>老师信息管理中心</title> <% //权限验证 if(session.getAttribute("currentUser")==null){ System.out.println("滚"); response.sendRedirect("index.jsp"); return; } %> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href=".easyui/themes/icon.css"> <script type="text/javascript" src="easyui/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(function(){ // 数据 var treeData=[{ text:"信息管理", children:[{ text:"学生发布广场", attributes:{ url:"studentPlace.jsp" } },{ text:"老师发布广场", attributes:{ url:"teacherPlace.jsp" } },{ text:"个人信息", attributes:{ url:"mysession.jsp" } },{ text:"我发布的信息", attributes:{ url:"Myself.jsp" } },{ text:"网站信息", attributes:{ url:"webInstruction.jsp" } },{ text:"违规用户信息", attributes:{ url:"manInfoManager2.jsp" } },{ text:"我的沟通", attributes:{ url:"say.jsp" } },{ text:"我的订单", attributes:{ url:"" } }] }]; // 实例化树菜单 $("#tree").tree({ data:treeData, lines:true, onClick:function(node){ if(node.attributes){ openTab(node.text,node.attributes.url); } } }); // 新增Tab function openTab(text,url){ if($("#tabs").tabs('exists',text)){ $("#tabs").tabs('select',text); }else{ var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%' src="+url+"></iframe>"; $("#tabs").tabs('add',{ title:text, closable:true, content:content }); } } }); </script> </head> <body class="easyui-layout"> <div region="north" style="height:120px; background-color:#E0EDEF"> <img src="image/3.jpg"> <input type="button" value="学生发布广场" onclick="javascrtpt:window.location.href='studentPlace.jsp'" target="main"> 当前用户:&nbsp;<font color="red" >${currentUser.userName }</font> <a href="studentPlace.jsp" target="center"> 学生发布广场</a> </div> <div region="center" style="height:1000px;" name="main" title="欢迎使用"> <div class="easyui-tabs" border="false" id="tabs"> <div title="首页"> <div align="center" style="padding-top: 100px;"name="main"><font color="red" size="10">欢迎使用</font></div> </div> </div> </div> <div region="west" style="width:150px;" title="导航菜单" split="true"> <ul id="tree"></ul> </div> <div region="south" style="height:25px;" align="center">版权所有<a href="http://www.baidu.com">www.baidu.com</a></div> </body> </html> ```
easyui的tab切换问题,第一个总显示最后一个
我想请问个问题 在easyui 中 创建tabs后,并生成多个tab,然后点击首个tab,但下部内容显示仍是最后一个tab的内容. 下面是主要的js代码. function addTab(subtitle, url){ if (!$('#tabs').tabs('exists',subtitle)){ $('#tabs').tabs('add', { title: subtitle, content: createFrame(url), closable: true, width: $('#mainPanle').width() - 10, height:$('#mainPanle').height() - 26 }); } else { $('#tabs').tabs('select', subtitle); } tabClose(); } function createFrame(url) { var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>'; return s; }
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车?某胡同口的煎饼摊一年能卖出多少个煎饼?深圳有多少个产品经理?一辆公交车里能装下多少个乒乓球?一个正常成年人有多少根头发?这类估算问题,被称为费米问题,是以科学家费米命名的。为什么面试会问这种问题呢?这类问题能把两类人清楚地区分出来。一类是具有文科思维的人,擅长赞叹和模糊想象,它主要依靠的是人的第一反应和直觉,比如小孩...
全网阅读过20k的Java集合框架常见面试题总结!
本文为 SnailClimb 的原创,目前已经收录自我开源的 JavaGuide 中(61.5 k Star!【Java学习 面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。欢迎 Star!)。 文末有我的公众号,公众号里有我最新整理的Java学习资料,免费分享。 这么好的文章,一定好先赞后看!!!建议养成这个好习惯!!爱你们!???? 剖析面试最常见问题之Java集合框架 当了...
17张图带你解析红黑树的原理!保证你能看懂!
二叉查找树 由于红黑树本质上就是一棵二叉查找树,所以在了解红黑树之前,咱们先来看下二叉查找树。 二叉查找树(Binary Search Tree),也称有序二叉树(ordered binary tree),排序二叉树(sorted binary tree),是指一棵空树或者具有下列性质的二叉树: 若任意结点的左子树不空,则左子树上所有结点的值均小于它的根结点的值; 若任意结点的...
so easy! 10行代码写个"狗屁不通"文章生成器
前几天,GitHub 有个开源项目特别火,只要输入标题就可以生成一篇长长的文章。 背后实现代码一定很复杂吧,里面一定有很多高深莫测的机器学习等复杂算法 不过,当我看了源代码之后 这程序不到50行 尽管我有多年的Python经验,但我竟然一时也没有看懂 当然啦,原作者也说了,这个代码也是在无聊中诞生的,平时撸码是不写中文变量名的, 中文...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
MySQL数据库总结
一、数据库简介 数据库(Database,DB)是按照数据结构来组织,存储和管理数据的仓库。 典型特征:数据的结构化、数据间的共享、减少数据的冗余度,数据的独立性。 关系型数据库:使用关系模型把数据组织到数据表(table)中。现实世界可以用数据来描述。 主流的关系型数据库产品:Oracle(Oracle)、DB2(IBM)、SQL Server(MS)、MySQL(Oracle)。 数据表:数...
记一次腾讯面试:进程之间究竟有哪些通信方式?如何通信? ---- 告别死记硬背
有一次面试的时候,被问到进程之间有哪些通信方式,不过由于之前没深入思考且整理过,说的并不好。想必大家也都知道进程有哪些通信方式,可是我猜很多人都是靠着”背“来记忆的,所以今天的这篇文章,讲给大家详细着讲解他们是如何通信的,让大家尽量能够理解他们之间的区别、优缺点等,这样的话,以后面试官让你举例子,你也能够顺手拈来。 1、管道 我们来看一条 Linux 的语句 netstat -tulnp | gr...
相关热词 c#选择结构应用基本算法 c# 收到udp包后回包 c#oracle 头文件 c# 序列化对象 自定义 c# tcp 心跳 c# ice连接服务端 c# md5 解密 c# 文字导航控件 c#注册dll文件 c#安装.net
立即提问