除了 iframe 加载子页面 想知道还有什么其他他方式加载子页面(比方说直接div)

在做一个框架的时候,我做了一个右侧下拉菜单栏,
我点击其中一个菜单弹出右侧一个子页面;
能否在不用iframe的情况下弹出子页面;如果iframe 每写一个子页面,
他就不能调用父页面的js库和css库;要重新写 求各位大神如何解决。

2个回答

可以使用div,然后用ajax请求,请求回来的页面数据之间用innerHTML放入div中,这样就可以了。

市面上的easy-ui就是使用div的。

不想自己写ajax进行填充,也可以使用jQuery的load函数。

希望能够帮到你....

w172087242
little_how 回复Minisun_Ze: 不会的,处理好了不会缺失,因为html标签就兼容,http传输也都只能是文本,所以可以。只是没有页面加载事件,因为页面没有重新加载,你可以自己规划ajax成功加载完成后调用函数等。做好js规划,防止函数冲突等。
3 年多之前 回复
weixin_35703342
Minisun_Ze 谢谢 ,ajax 请求是可以。但是如果内容多复杂,它会缺失很多东西,
3 年多之前 回复

如果逻辑复杂最好是iframe来加载,可以实现变量独立,要不ajax内容加载多了出现变量覆盖的问题。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
iframe 子页面调用父页面控件事件导致重复加载
父页面控件 ``` <select id="aaaa"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> ``` 子页面调父页面事件,因为子页面有个select和父页面级联,还有数据表加载,所以在子页面需要调父页面change事件 ``` $("#aaaa", parent.document).on("change",function (event){ var aa=$(this).find("option:selected").val(); alert(aa); }); ``` 现在出现问题:重复点击主页面链接刷新子页面,主页面"#aaaa"的"change"会重复执行,点击链接刷新几次子页面重复执行几次事件,求解决办法
iframe 子页面无法unbind父页面按钮的click事件
iframe,父页面有个切换按钮,点击菜单按钮加载不同页面时候需要给切换按钮绑定click事件,为了避免重复绑定,需要在每次绑定前先解绑,但是在子页面解绑父页面的click事件无效
iframe 在子页面给父页面的框架页的赋值时 Internet Explorer 无法显示该网页
用IFRAME做布局,然后在子页面中给父页面的iframe的src赋值时有时会出现"Internet Explorer 无法显示该网页",有时候又能正常加载。 在不能显示的时候,右键 -》属性里面查看加载的url前面有一串不字符串,不知道是什么鬼,右键里面的地址如下: res://ieframe.dll/dnserrordiagoff.htm#http://localhost:1405/BuildingFrame/SelectBuilding?precinctId=002&buildingId=001 正常时的地址如下: http://localhost:1405/BuildingFrame/SelectBuilding?precinctId=002&buildingId=001 不知道是什么原因造成的,一会是能加载,不会不能加载,抓狂,求大神
iframe页面传值,子页面触发Button的click事件后,页面传的值就丢了
父页面A.aspx中嵌套了一个iframe子页面B.aspx,点击父页面的treeview节点,通过js事件将选中的节点值传给了B页面,并赋值给了B页面的一个Lable,B页面会根据lable从数据库加载相应的数据,这都没有问题,但是对B页面进行删除,查询等button执行click事件后,执行成功了,B页面也实时更新显示了操作后的数据,但此时B也面的Lable的值也没了,我想要B页面执行button的click事件后,lable值依然是A页面选中的节点值,这个该怎么实现。 请大神指点!! 页面中butt按钮 <asp:Button ID="BtnSearch" runat="server" OnClick="PagerBtnCommand_OnClick" Text="搜索" style="margin:10px"/> 后台: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { showNumber(default)://绑定数据源Gridview并显示,default首次加载默认sql,查找全部 } } //button的click事件 protected void PagerBtnCommand_OnClick(object sender, EventArgs e) { showNumber(参数是查询条件语句); }
easyui layout 加载页面显示不全
高手们大家好,我在使用easyui时出现一个问题,在主页面layout的center区域中加载一个页面,结果却显示不全: 主页面结构: <body id="lyt_main" class="easyui-layout" style="visibility: hidden;"> <div data-options="region:'north'" style="height:60px;"><div > <div data-options="region:'center'" "><div > <div data-options="region:'west'" style="width:60px;"><div > </body> 脚本: $('lyt_main').layput('panel','center').panel('refresh', 'pages/z/planstate.html'); 子页面 <script></script> //脚本省略,其中dtd_planprocess是datagrid,且设为fit。 <table id="dtd_planprocess" ></table> 问题: **子页面单独显示很正常,加载到主页面后数据表格右边显示不出来,经过反复查看发现layout的center区域要比实际显示的要宽,用iframe也同样存在这个问题** 。请高手们指点!
使用iframe子容器用户名和密码自动回填的技术
我现在有一个A 页面叫a.jsp 其中a.jsp 里使用了iframe 加载另一个页面(B页面),但是当加载完B页面后需要填写用户名和密码;我的需求是当加载完B页面后不需要我手动填写用户名和密码,直接点击登录后就会展现B页面里的内容。。。求助大神们的帮忙,如果帮助我了,必有重谢。。。这个你放心,我很着急。。。![![图片说明](https://img-ask.csdn.net/upload/201709/15/1505468167_662512.png)图片说明](https://img-ask.csdn.net/upload/201709/15/1505468156_137006.png)http://ask.csdn.net/#
使用jquery从一个页面加载另外一个页面的问题
有两个页面(网站后台,纯css + div + js,没有使用frameset),[b]一个index.html页面,页面有三个部分组成[/b] [code="java"]<div id="body"> <div id="header"> </div> <!-- end of header--> <div id="left"> </div> <!-- end of left--> <div id="right"> </div> <!-- end of right--> </div> <!-- end of body-->[/code] [b]Header部分是Menu; left部分是submenu,right部分是显示内容栏.[/b] 另外一个页面是add.html,它同index.html不在同一个目录中.其内容将在right中显示. Index.html的操作步骤是这样的,点击menu中的相应的菜单将在left中显示子菜单,点击子菜单,将在right中显示相应的页面如add.html. 当前完成的工作是,使用jquery,完成了菜单的联动(load, show ,hide), 点击子菜单也能在right中显示内容, 我的问题是: [color=red]当我的页面add.html不使用连接的js文件,只使用内嵌js时,显示内容是没有问题的,但当我使用外联的的js时内容显示不出来.同样css文件也是这样的,请问在jquery需要进行怎样的操作才能正确显示内容啊?[/color][size=large][/size] [b]问题补充:[/b] 谢谢回答,对iframe还不是很熟悉,明天再研究一下. 补充一下: 实际上,在add.html中将加载富文本编辑器(如xheditor,Kindeditor),如果将js连接和js代码放入add.html中,在地址栏中直接加载add.html文件是可以运行的. [b]问题补充:[/b] [size=large]根据测试,直接将需要的js文件和css文件加到index.html中,从add.html中是不能使用js和css的. [b]问题补充:[/b] 谢谢大家 使用iframe是可以加载的,我上面说的不清楚,上面是没有使用iframe的. 目前使用iframe作为临时解决方案,等有时间在试一试其它的方式. 非常感谢!!!
jsp中父框架调用子框架submit进行提交是否可以?
父框架a页面用iframe加载一个b页面,是否可以调用这个b页面的submit进行form提交? a页面和b页面ip地址和项目名称都是不一样的
Android WebView中子窗口iframe的js方法无法获取父窗口window中的js变量?
如题,今天写了一个Html页面,包含Js方法若干,其中包括建立全局的js变量。即window.var 另外,Html中包含一个iframe子窗体,子窗体中的Js方法需要调用父窗体Js方法中所建立的那个全局变量 用PC端的浏览器打开主页,iframe可以获取到父窗体中的JS变量,但是用android的WebView打开这个Html页面,却始终无法获取到 尝试了很多种方式都不行,既然PC端浏览器能成功,我想是不是WebView本身的问题 所以在此求教,望大神指点迷津。 这是WebView对象已经添加的设置 webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setBuiltInZoomControls(true);//手动缩放 webView.getSettings().setUseWideViewPort(true);//双击变大、变小和恢复 webView.getSettings().setDomStorageEnabled(true); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); webView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url);//根据传入参数再去加载新的网页 return true;//表示当前WebView可以处理打开新网页的请求,不用借助系统浏览器,去掉此方法后,点击链接则会自动用系统浏览器打开 } }); webView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, String message, JsResult result) { return super.onJsAlert(view, url, message, result); } }); webView.loadUrl("file:///android_asset/index.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加载子页面图片不显示错误
两个iframe,左边是一棵树,右边是树对应操作的页面..在右边新增一个节点,左边树要能局部刷新..将新的节点展现,并且是在当前节点,而不是回到根..
两个iframe,左边是一棵树,右边是树对应操作的页面..在右边新增一个节点,左边树要能局部刷新..将新的节点展现,并且是在当前节点,而不是回到根.. 在右边的iframe应该添加什么脚本 能让树局部动态刷新啊? // panel默认加载URL,记录当前panel所加载的URL var url = "knowledge!showKnowLedgePage.do"; Ext.onReady(newViewPort); // 新建子类对象 var subTypeWin; var subTypeForm; // 新建知识对象 var knowLedgeWin; var knowLedgeForm; // 当前选择的节点 var currentNode; var treeLoad = new Ext.tree.TreeLoader({url:"knowledge!getTreeNode.do"}); function newViewPort() { new Ext.Viewport({ enableTabScroll : true, layout : "border", items : [tree, panelCenter] }); } var tree = new Ext.tree.TreePanel({ id : "westTreePanel", width : 200, align : 'left', autoScroll : true, animate : true, enableDD : false, containerScroll : true, rootVisible : true, lines : true, frame : true, // collapsible : true, singleClickExpand : false,// 支持单击展开 region : 'west', margins : '0 0 5 5', cmargins : '0 5 5 5', split : true, border : true, maxWidth : 200, minWidth : 20, root : { text : '知识管理', id : '0', nodeType : 'async', expanded : true }, listeners : { 'click' : function(node, e) { currentNode = node; if(node.id==this.getRootNode().id){ open(url,'rightContentFrame',''); //panelLoad(panelCenter, url); } node.expand(); }, 'dblclick' : function(node, e) { //node.expand(); } }, loader : treeLoad }); var panelCenter = new Ext.Panel({ id : "panelCenter", region : 'center', autoScroll : true }); function panelLoad(panel, url) { if (panel != undefined) { panel.load({ url : url, text : "正在加载,请稍候……", nocache : true, scripts : true }); } } /** * 新建子类窗口 */ function openSubTypeWin() { if (subTypeWin == undefined) { subTypeWin = new Ext.Window({ height : 300, width : 500, title : '知识库管理', closeAction : 'close', modal : true, items : [getSubTypeForm()], listeners : { "beforedestroy" : function(obj) { obj.hide(); return false; } } }); } else { subTypeWin.hide(); } subTypeWin.show(); }; /** * 获取创建子类别Form * * @return */ function getSubTypeForm() { if (subTypeForm == undefined) { subTypeForm = new Ext.FormPanel({ id : 'subTypeForm', height : 300, frame : true, items : [{ columnWidth : .2, buttonAlign : 'center', defaultType : 'textfield', layout : 'form', items : [{ fieldLabel : '类别名称', name : 'name', anchor : '95%', allowBlank : false, emptyText : '请填写类别名称' }, { fieldLabel : '类别描述', xtype : 'textarea', name : 'desc', anchor : '95%', allowBlank : true }], buttons : [{ text : "提交", handler : function() { if (subTypeForm.getForm().isValid()) { subTypeForm.getForm().submit({ url : "knowledge!createChildNode.do", params : { id : nodeId }, success : function(response, options) { subTypeForm.getForm().reset(); // 重新加载数据 subTypeWin.hide(); currentNode.reload(); } }); } } }, { text : "重置", handler : function() { subTypeForm.getForm().reset(); } }] }] }); } return subTypeForm; } /** * 新建知识窗口 */ function openKnowLedgeWin() { if (knowLedgeWin == undefined) { knowLedgeWin = new Ext.Window({ height : 300, width : 350, title : '编辑', closeAction : 'close', modal : true, items : [getKnowLedgeForm()], listeners : { "beforedestroy" : function(obj) { obj.hide(); return false; } } }); } else { knowLedgeWin.hide(); } knowLedgeWin.show(); }; /** * 新建知识Form * * @return */ function getKnowLedgeForm() { if (knowLedgeForm == undefined) { knowLedgeForm = new Ext.FormPanel({ id : 'knowLedgeForm', height : 300, frame : true, items : [{ columnWidth : .2, defaultType : 'textfield', layout : 'form', items : [{ fieldLabel : '所属类别', name : 'parentName1', anchor : '95%' }, { fieldLabel : '标题', name : 'title', anchor : '95%', allowBlank : false, emptyText : '请填写知识标识' }, { fieldLabel : '关键字', name : 'keywords', anchor : '95%', allowBlank : true }, { fieldLabel : '描述', name : 'desc', anchor : '95%', allowBlank : true }, { fieldLabel : '内容', name : 'content', anchor : '95%', allowBlank : true }], buttons : [{ text : "提交", handler : function() { if (knowLedgeForm.getForm().isValid()) { knowLedgeForm.getForm().submit({ url : "knowledge!createChildNode.do", params : { nodeId : nodeId }, success : function(response, options) { // 重新加载数据 } }); } } }, { text : "重置", handler : function() { knowLedgeForm.getForm().reset(); } }] }] }); } return knowLedgeForm; } function createKnowLedge() { vurl = "knowledge!add.do?id="+currentNode.id; panelLoad(panelCenter, vurl); } function createKnowLedge1() { vurl = "knowledge!add1.do?id="+currentNode.id; panelLoad(panelCenter, vurl); } function queryKnowLedge() { vurl = "knowledge!fullTextSearch.do"; panelLoad(panelCenter, vurl); } function queryKnowLedge1() { vurl = "knowledge!fullTextSearch1.do"; panelLoad(panelCenter, vurl); } function queryResult(){ vurl="knowledge!query.do?query=4"; panelLoad(panelCenter, vurl); }
Ext window 弹出窗口的位置
我想实现弹出的window窗口在整个viewport上显示 而不是在viewport的一个子面板上显示 可以实现吗 viewport代码如下: Ext.onReady( function (){ new Ext.Viewport( { layout:"border",items:[{ title:"南宁供电局企业门户BI管理", width:202, region:"west", collapsible:true, html:'<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="tree.jsp"> </iframe>' [color=red]//主要就是上面这个自动加载的tree.jsp页面[/color] } , { xtype:"panel", region:"center", items: [{ id:'center1', title:"广西项目", html:'<iframe id="main" name="main" scrolling="auto" frameborder="0" width="100%" height="100%" src="../biManage/ControlNew.jsp" > </iframe>' }] }]})}) tree.jsp页面是一颗树 实现一个右键增加子节点!功能已经实现。。就是当点击右键增加子节点的时候。。会弹出一个window 但是这个window只会弹出在tree这个页面 tree的页面如下(核心代码) var contentMenu=new Ext.menu.Menu({ id:'contentMenu', items:[ {text:'增加下级',handler:function(){ [color=red]//关键位置就是这个 我是这样实现的 当我右键点击增加下级的时候 会在这个函数里创建一个window 然后将form嵌套到这个window里面 到这这个window只能显示在这个页面 而不是上面的viewport页面 不知道能实现吗[/color] var form=new Ext.form.FormPanel({ defaultType:'textfield', labelAlign:'right', url:'<%=request.getContextPath()%>/addyezi.do?id='+node.id, labelWidth:70, frame:true, width:310, height:100, items:[{fieldLabel:'节点名称',name:'nodename'}], buttons:[{text:'新增',handler:function(){form.getForm().submit({ success:function(form,action){Ext.Msg.alert('信息',action.result.msg)}, failure:function(){Ext.Msg.alert('添加失败');} });}}] }); var window=new Ext.Window({ el:'win', //layout:'fit', width:300, height:100, closeAction:'hide', constrain:false, pageX:100, pageY:100, items:[form]}); window.show() }} });那个图片我上传 看那个window的位置 哎 [b]问题补充:[/b] 是啊 没人回答啊 !都没见过这种问题吗 郁闷 咋会让我碰见的呢
请教yourgame^_^
yourgame你好, 在你共享的“图书管理系统”中,ViewPort采用了border的布局方式(layout:'border'), 其中viewport中的west部分作为“菜单区”, center部分作为“工作区”, 通过点击左边的某个菜单项,会在工作区内显示对应的操作界面, 同时工作区你采用的是card的布局方式(layout:'card'), 如此,只能够在工作区同一时刻显示一个交易画面(items:[start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] 中的任意一个), 现在我想将“工作区”修改为tabpanel的布局方式,也就是达到如下效果——点击菜单,在工作区显示对应交易的画面panel, 如下图所以: [img]E:/未命名2.bmp[/img] 我现在遇到的问题是,无法将原来的交易面板放入点击菜单后弹出的对应tabs中去!就像图中所示一样,弹出来的是空白的tabs:( 对“图书管理系统”中 main.js代码的调整如下(你可以直接查找“chg by”字样的地方): Ext.BLANK_IMAGE_URL = 'lib/ext/resources/images/default/s.gif'; Ext.QuickTips.init(); var start = { id : 'start-panel', title : '欢迎使用', layout : 'fit', bodyStyle : 'padding:25px', html : '<img src="images/bg.jpg"/>' }; Ext.onReady(function() { setTimeout(function(){ /* 清除显示加载信息的div标记 */ Ext.get('loading').remove(); /* visible 使要素可以被看见 * hidden 使要素被隐藏 * inherit 指它将继承母体要素的可视性设置。 * 值 inherit 为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。*/ Ext.getDom('header').style.visibility = 'visible'; /* 开始创建界面视图——程序可视区域 * 一个页面上只允许存在一个viewport */ var vp = new Ext.Viewport({ layout : 'border', defaults : { collapsible : true, split : true }, items : [{ xtype : 'box', region : 'north', applyTo : 'header', height : 30, split : false }, { xtype:'panel', title : currentUser, id : 'accordion-panel', layout : 'border', region : 'west', baseCls:'x-plain', margins : '2 0 5 5', width : 200, minSize : 200, maxSize : 250, bodyStyle : 'background-color:#DFE8F6', defaults : { border : false }, bbar : [{ text : '开始', iconCls : 'icon-plugin', menu : new Ext.menu.Menu({ items : [{ text : '关于系统', iconCls : 'icon-info', handler : function() { new Ext.Window({ closeAction : 'close', resizable : false, bodyStyle : 'padding: 7', modal : true, title : '关于本系统', html : '本系统采用目前较为流行的技术实现,<br>前台使用了ExtJs技术,所以实现了跨浏览器<br>' + '本程序在IE6,IE7,FireFox3均测试通过!<br><br>主要技术: Struts2 + Spring2.5 + iBatis2.3 + ExtJs2.2<br><br>' + '数&nbsp;&nbsp;据&nbsp;&nbsp;库: Microsoft SQL Server 2000', width : 300, height : 200 }).show(); } }, { text : '退出系统', iconCls : 'icon-delete', handler : function() { Ext.Msg.confirm('操作提示', '您确定要退出本系统?', function(yorn) { if ('yes' == yorn) { Ext.Ajax.request({ url : 'logout.action', success : function() { location = '/bmsh/index.jsp'; }, failure : function() { Ext.Msg.show({ title : '错误提示', msg : '退出系统失败!', icon : Ext.Msg.ERROR, buttons : Ext.Msg.OK }); } }); } }); } }] }) }], items : [{ layout : 'accordion', region : 'center', items : [{ title : '导航菜单', iconCls : 'icon-nav', border : false, items : [{ xtype : 'treepanel', border : false, rootVisible : false, autoScroll : true, loader : new Ext.tree.TreeLoader({ //根据界面勾选manager的值选择菜单项 dataUrl : nav == 'manager' ? 'js/tree-data-manager.json' : nav =='mine' ?'js/tree-data-mine.json' :'js/tree-data-simple.json' }), root : new Ext.tree.AsyncTreeNode(), listeners : { /* chg by megaecho 20090521 * 用tabPanel布局方式实现 菜单调出 工作区 交易界面 * 'click' : function(n) { try { //如果点击子叶点,则驱动显示相应的交易界面 //如何判定本次点击的node为原有的node呢? 就是不想重新加载页面。 var sn = this.selModel.selNode || {};// 方法:取原选定的node if (n.leaf && n.id != sn.id) { //Ext.Msg.alert("你点击了:"+n.id+"["+n.id.substring(0, n.id.indexOf('-'))+'-panel'+"]"); // 根据选中的菜单拼出panel,并指定载入到ViewPort中id为content-panel的标记 // 也就是将交易界面载入 region=center区域——指定活动items Ext.getCmp('content-panel').layout.setActiveItem(n.id.substring(0, n.id .indexOf('-')) + '-panel'); } } catch (e) { } }*/ 'click' : function(n){ //panel的命名规则:panel+'-panel' var treePanelId = n.id.substring(0, n.id .indexOf('-')) + '-panel'; //检查TabPanel(content-panel)中是否已经打开了id为treePanelId的panel //无,则新建panel并且id为treePanelId var tabTmp = Ext.getCmp('content-panel').getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); Ext.getCmp('content-panel').add({ xtype:'panel', title: n.text, id:treePanelId, closable:true }).show(); }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); alert(treePanelId+"has been created....."); Ext.getCmp('content-panel').setActiveTab(tabTmp); } } } }] }] }] }, /* * chg by megaecho 20090521 * 用tabPanel布局方式实现 菜单调出 工作区 交易界面 { id : 'content-panel', region : 'center', layout : 'card', margins : '2 5 5 0', activeItem : 0, border : false, //以下items定义了中间区域包含的交易界面(类),并且按照顺序进行载入 ,默认载入第一个,此处也就是先载入 start items : [start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] }*/ { title:'操作区域', id:'content-panel', region:'center', xtype:'tabpanel', margins : '0 1 1 0', activeItem : 0, border : false, autoTabs : false, hideCollapseTool :true , items:[start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] }] }); }, 250); }); 希望这次表述清楚了,并且能得到你的帮助!谢谢! [b]问题补充:[/b] [code="java"] 'click' : function(n){ if( n.leaf ){ var treePanelId = n.id.substring(0, n.id.indexOf('-'))+'-panel'; var tabPanelTmp = Ext.getCmp('content-panel'); var tabTmp = tabPanelTmp.getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); /* 使用if..elseif 判断菜单对应的交易界面,并调出——成功*/ if( n.id == 'book-manage' ){ tabPanelTmp.add(p_book).show(); }else if( n.id == 'company-manage'){ tabPanelTmp.add(p_company).show(); }else if( n.id == 'dept-manage'){ tabPanelTmp.add(p_dept).show(); }else if( n.id == 'user-manage'){ tabPanelTmp.add(p_user).show(); }else if( n.id == 'duty-manage'){ tabPanelTmp.add(p_duty).show(); }else if( n.id == 'subject-manage'){ tabPanelTmp.add(p_subject).show(); }else if( n.id == 'category-manage'){ tabPanelTmp.add(p_category).show(); } /* [新问题]:将上面if elseif 代替如下,根据传入的节点n得到对应的'p_XXXX'这样的名字, * 以获得对p_XXXX的调用,达到自动使用以后交易的增加..... * 但是执行 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); * 却不能得到效果 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); */ }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); Ext.getCmp('content-panel').setActiveTab(tabTmp); } }else{ //alert("非叶节点"); } } [/code] [b]问题补充:[/b] 谢谢issppt的帮助! 更是感谢yourgame,耐心的指导! 问题暂时解决了! 如你所说,我把p_xxxxx这些加入到新增加的panel对应的items参数中就ok了! 但是为了要根据点击菜单来选择对应的p_XXXX,我的做法相对死板 如下: [code="java"] 'click' : function(n){ if( n.leaf ){ var treePanelId = n.id.substring(0, n.id.indexOf('-'))+'-panel'; var tabPanelTmp = Ext.getCmp('content-panel'); var tabTmp = tabPanelTmp.getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); [b] /* 死板:使用if..elseif 判断菜单对应的交易界面,并调出——成功*/ [/b] if( n.id == 'book-manage' ){ tabPanelTmp.add(p_book).show(); }else if( n.id == 'company-manage'){ tabPanelTmp.add(p_company).show(); }else if( n.id == 'dept-manage'){ tabPanelTmp.add(p_dept).show(); }else if( n.id == 'user-manage'){ tabPanelTmp.add(p_user).show(); }else if( n.id == 'duty-manage'){ tabPanelTmp.add(p_duty).show(); }else if( n.id == 'subject-manage'){ tabPanelTmp.add(p_subject).show(); }else if( n.id == 'category-manage'){ tabPanelTmp.add(p_category).show(); } [b] /* [新问题]:将上面if elseif 代替如下,根据传入的节点n得到对应的'p_XXXX'这样的名字, * 以获得对p_XXXX的调用,达到自动使用以后交易的增加..... * 但是执行 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); * 却不能得到效果 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); */ [/b] }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); Ext.getCmp('content-panel').setActiveTab(tabTmp); } }else{ //alert("非叶节点"); } } [/code] [b] 现在想请教如何处理[新问题]? [/b] 我想这个新问题关键还是自己对extjs没有理解所致, 对如下的代码段 的实质 和如何才能 引用未搞清楚!再次求教! [code="java"] var p_book = { title:'图书信息管理', id : 'book-panel', border : false, layout : 'fit', closable:'true', items : [book_panel] } [/code] 另外我通过网上的资料学习,掌握了向TabPanel中动态增加tabs的方法: 1.iframe方式 2.autoLoad方式 3.扩展Panel 资料连接:http://chenxueyong.iteye.com/blog/353371
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了无数
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
《阿里巴巴开发手册》读书笔记-编程规约
Java编程规约命名风格 命名风格 类名使用UpperCamelCase风格 方法名,参数名,成员变量,局部变量都统一使用lowerCamelcase风格 常量命名全部大写,单词间用下划线隔开, 力求语义表达完整清楚,不要嫌名字长 ...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
Python绘图,圣诞树,花,爱心 | Turtle篇
1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle() circle.shape('circle') circle.color('red') circle.speed('fastest') circle.up() square = turtle.Turtle()
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
Linux 命令(122)—— watch 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] watch(1) manual
Linux 命令(121)—— cal 命令
1.命令简介 2.命令格式 3.选项说明 4.常用示例 参考文献 [1] cal(1) manual
记jsp+servlet+jdbc实现的新闻管理系统
1.工具:eclipse+SQLyog 2.介绍:实现的内容就是显示新闻的基本信息,然后一个增删改查的操作。 3.数据库表设计 列名 中文名称 数据类型 长度 非空 newsId 文章ID int 11 √ newsTitle 文章标题 varchar 20 √ newsContent 文章内容 text newsStatus 是否审核 varchar 10 news...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告(本文) 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
新来个技术总监,禁止我们使用Lombok!
我有个学弟,在一家小型互联网公司做Java后端开发,最近他们公司新来了一个技术总监,这位技术总监对技术细节很看重,一来公司之后就推出了很多"政策",比如定义了很多开发规范、日志规范、甚至是要求大家统一使用某一款IDE。 但是这些都不是我这个学弟和我吐槽的点,他真正和我吐槽的是,他很不能理解,这位新来的技术总监竟然禁止公司内部所有开发使用Lombok。但是又没给出十分明确的,可以让人信服的理由。 于...
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
2020金三银四,一篇文章教你如何征服面试官,拿到offer
2020年,跳槽面试就靠它们了,现在每天刷题,看源码文档,最近看的这些题目还是有些难度,有一部分我都要好好想一想才能回答出来,或者回答不出来,总的来说知识宽度够了深度还跟不上。所以要重点突破下底层的东西。这篇文章我总结了很久,希望对正在准备面试的同仁们有点帮助。没错我就是传说中的面霸!! 一. 面试准备 首先,是笔试题,这点是初级程序员绕不过去的坎。 笔试题一般的公司都会出的,除非你是大牛,可以选...
用Python开发实用程序 – 计算器
作者:隋顺意 一段时间前,自己制作了一个库 “sui-math”。这其实是math的翻版。做完后,python既然可以轻易的完成任何的数学计算,何不用python开发一个小程序专门用以计算呢? 现在我们越来越依赖于计算器,很多复杂的计算都离不开它。我们使用过各式各样的计算器,无论是电脑自带的,还是网也上的计算器,却都没有自己动手编写属于自己计算器。今天就让我们走进计算器的世界,用python来编写...
Python学习笔记(语法篇)
本篇博客大部分内容摘自埃里克·马瑟斯所著的《Python编程:从入门到实战》(入门类书籍),采用举例的方式进行知识点提要 关于Python学习书籍推荐文章 《学习Python必备的8本书》 Python语法特点: 通过缩进进行语句组织 不需要变量或参数的声明 冒号 1 变量和简单数据结构 1.1 变量命名 只能包含字母、数字和下划线,且不能以数字打头。 1.2 字符串 在Python中,用引号...
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问