Extjs 隐藏左边 菜单右边 tabpanel 里面的gridpanel不自适应宽度

如图所示:图片说明

代码如下
// 单击菜单,右边tabpanel 添加一个grid显示数据
var pl = new Ext.Panel({
id : node.attributes.id,
title : node.attributes.text,
border : false, // 边框
autoScroll : true, // 自动滚动条
closable : true, // 关闭选项
layout : 'fit', // 布局样式
frame : true,
region : 'center', // 中间位置
sidebarChange : false,
iconCls : 'users', // 图标样式

autoLoad : {
url : node.attributes.url,
scripts : true,
discardUrl : true,
nocache : true,
sidebarChange:false,//用于控制
text : "页面加载中,请稍候……"
}
// listeners : {
// activate : function(me, eOpts) {
// if (me.sidebarChange) {
// me.sidebarChange = false;
// me.loader.load();
//
// }
// center.setActiveTab(me); // 设置默认标签
// }
// }
});
center.add(pl);
center.setActiveTab(pl); // 设置默认标签

                grid的页面代码
                var editorGrid10 = new Ext.grid.EditorGridPanel({
id : 'editorGrid10',
frame : false, // 边框的样式,是否显示
border : false, // 是否显示边框,页面显示的效果
layout : 'fit', //布局样式
height : 450,
autoWidth : true, // 是否自动扩充宽度
//width:document.body.getComputedWidth()-100,
store : gStore, // 填充store
sm : enditsm10, // 用于显示复选框,必加,去掉该项的话列将变成单选框模式
cm : cModel10, // grid可编辑列模型,colModel简写
renderTo : Ext.get('tt'), // 表格所在的位置
autoExpandColumn : true, // 自动占满剩余空列
loadMask : {
    // 表示为当grid加载过程中,会有一个Ext.LoadMask的遮罩效果。默认为false。
    msg : '正在加载数据,请稍后!'
},
autoScroll : true, // 自动滚动条
autoEncode : true, // True表示为对任何值和任何后来输入的值都要自动HTML编码或解码
bbar : editbbarpadding10, // 面板下方的工具栏
.......后面代码省略
});


求教各路大神!

1个回答

查ext api吧,应该是有地方没有设置吧 http://docs.sencha.com/extjs/4.1.3/#!/example

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
左边菜单 右边显示
请问如何设计?rnrnrn左边1个菜单导航条rn右边是一个展示框rnrn随着左边的选择变化而变化rnrn粘贴出简单代码,说出思路即可
左边按钮右边菜单
android新手源码(一) 左边按钮右边菜单的例子
左边菜单,右边内容
android ui设计 android源码 android开源项目 android项目代码
Extjs GridPanel 加不到 TabPanel里去 那个大哥帮忙下
Ext.onReady(function()rn var sm=new Ext.grid.CheckboxSelectionModel();rn var cm = new Ext.grid.ColumnModel([rn new Ext.grid.RowNumberer(),rn sm,rn header:'编号',dataIndex:'id',sortable:true,rn header:'名称',dataIndex:'name',rn header:'描述',dataIndex:'descn'rn ]);rn rn var data =[rn ['1','name1','descn1'],rn ['2','name2','descn2'],rn ['3','name3','descn3'],rn ['4','name4','descn4'],rn ['5','name5','descn5'],rn ['6','name6','descn6']rn ];rn rn var store = new Ext.data.Store(rn proxy: new Ext.data.MemoryProxy(data),rn reader:new Ext.data.ArrayReader(,[rn name:'id',rn name:'name',rn name:'descn'rn ])rn );rn store.load();rn rn var grid = new Ext.grid.GridPanel(rn store:store,rn cm:cm,rn width:450,rn height:250,rn loadMask:true,rn viewConfig:rn forceFit:truern ,rn bbar: new Ext.PagingToolbar(rn pageSize:3,rn store:store,rn displayInfo:true,rn displayMsg:'显示0到1记录,一共2条',rn emptyMsg:'没有记录'rn ),rn autoHeight:truern );rn rn rn rn rn var tabs= new Ext.TabPanel(rn renderTo:'grid',rn height:100rn );rnrn tabs.add(rn title:'表格',rn closable:true,rn layout:'fit',rn items:[grid]rn );rn tabs.add(rn title:'aa',rn html:'你好'rn );rn tabs.activate(0);rn rn);rnrn效果不是上就是下。。。。。rn反正不在TabPanel里边,顺便弱弱的问下,现在用Extjs的公司多吗?rnrn
左边宽度固定右边自适应
1.左侧宽度固定左浮动,右侧设置margin-left为左侧宽度; .box1 { width: 200px; height: 500px; background: #ff0; float: left; } .box2 { height: 500px; background: #f00; margin-left: 200px; } 2.父级设置display:flex,左侧宽...
右边固定宽度,左边自适应宽度
1、左边左浮动,margin-left负值,右边右浮动 Document *{ margin: 0; padding: 0; } .left{ float: left; width: 100%; height: 300px; background: #000; margin-right: -200px; font-size: 40px;
EXTjs GridPanel 行高度自动适应
在GridPanel中 有的内容要全部显示出来,太长不好看 想让他能自动换行的要怎么写
ext treepanel,tabpanel,gridpanel
rn网上 ext 各种面板的例子很多,但是实际应用中每个面板的位置,所属文件应该规划清楚的,rn我现在有个问题rnrnmain.js 用来配置面板的摆放位置rnrn[code=JScript]//全局变量rnvar maintab;rnrnExt.onReady(function()rnrn Ext.QuickTips.init();rn Ext.BLANK_IMAGE_URL = 'plugin/resources/images/default/s.gif';// 替换图片文件地址为本地rn Ext.lib.Ajax.defaultPostHeader += ";charset=utf-8";rnrn //1、创建head部分rn var head = new Ext.Panel(rn rn region : "north", //在顶部rn border : false,rn html : "我是顶部",rn height : 50,rn margins:'3 0 3 3',rn cmargins:'3 3 3 3'rn );rnrn //2、创建foot部分rnrn var foot = new Ext.Panel(rn rn region : "south",rn html : ' Power By: 元元 版权所有:aaa',rn heigth : 35rnrn );rn //3、创建leftMenu部分rnrn /*rn 文件在 leftmenu.jsrn */rn //4、创建工作区部分rnrn maintab = new Ext.TabPanel(rn id : 'maintab',rn region:'center', rn resizeTabs:true, // turn on tab resizingrn minTabWidth: 90,rn tabWidth:100,rn enableTabScroll:true,rn defaults: autoScroll:true,rn items:[ rn id:'tab1', rn contentEl:'tabs',rn title: '首页',rn closable:false, rn autoScroll:true,rn// iconCls: 'tabs',rn html:' Tree控件和TabPanel控件结合功能演示 0) rn rn Ext.MessageBox.confirm('提示框', '您确定要进行该操作?' , doMod2); rn rn else rn rn Ext.MessageBox.alert('提示框', '对不起,您没有增加或修改记录!'); rn rnrnrnfunction doMod2(btn) rnrn if(btn == 'yes') rn rn var m = ds.getModifiedRecords(); rn jsonData = "[";rn for(var i = 0, len = m.length; i < len; i++) rn jsonData += JSON.stringify(m[i].data) + ","; rn rn jsonData = jsonData.substring(0, jsonData.length-1) + "]"; rnrnrn gridForm.url = 'edit.php'; rnrn var options = rn rn waitMsg: '正在处理中,请等待...', rn// waitTitle: '进度条', rn reset: false, rn success: function(isOk, a) rn Ext.MessageBox.alert('提示框', a.result.msg); rnrn if(isOk)rn ds.modified = [];//将修改过的记录置为空,如果不清空,则修改过的数据会一直保留 rn ds.load(params:start:0, limit:findPurveyModulePageSize);rn rn ,rn params:modData:jsonData, rn scope: gridFormrn rnrn gridForm.submit(options);rn rn else rn rn //Ext.MessageBox.alert('提示框', '您取消了该操作!'); rn rnrnrnvar gridForm; rnfunction initForm() rn rn gridForm = new Ext.BasicForm( rn Ext.get("gridFm"), rn rn ); rnrn);[/code]rnrnrn我的问题是:rnrn现在是PHP 搞的rn异步树的数据里面,包含的每个节点要去的 href,而且href 出来的内容都是 grid ,我该如何组织这些代码,让它实现,点击左边树的某个分支,先添加到一个tab (这个已经可以了),根据href 生成一个grid 放到新添的tab 下??rn请高手指导指导,刚刚接触 ext
[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)...
[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题) http://www.cnblogs.com/huligong1234/archive/2013/01/07/2849183.html   一.问题: ExtJS4使用border布局,左边为accordion布局的功能导航菜单,发现当导航菜单面板收缩展开时,右边选项卡面板...
extjs 左边tree菜单,右边tabpanel中显示grid等信息的问题。
我现在做的已经实现了点击tree菜单的,右边出现grid,但是当关闭tabpanel中的grid,再打开相同的菜单时,tabpanel中不显示grid的信息,为什么?知道的告诉小弟一声,谢了。rnrn一下是代码 rn var menuTree = new Ext.tree.TreePanel( rn region:'west', rn title:'功能菜单', rn width:180, rn // useArrows: true,rn // minSize:150, rn // maxSize:200, rn // split:true, rn // autoScroll:true, rn // autoHeight:false, rn collapsible:true, rn // rootVisable:false, //不显示根节点 rn dataUrl: 'system/samlib/get-nodes.php',rn root: rn // nodeType: 'async',rn text: '菜单列表'rn // draggable:false,rn // id:'source'rn ,rn listeners: rn 'render': function(tp)rn tp.getSelectionModel().on('selectionchange', function(tree, node)rn if(node.isLeaf())rn rn // alert(node.attributes+"|"+node.leaf+"|"+node.text+"|"+node.id);rn /* var tabWin = app.getModule('Spidermodel');rn if(tabWin)rn tabWin.launcher.handler.call(this.scope || this); //启动相应的模块rn rn */rnrn // var contentTabs = this.getMainCenter();//中间展示区的一个tabPanelrn /* var items = contentPanel.items;rn items.each(function(item)rn contentPanel.remove(item,true); //删除当前活跃的节点rn );rn */rnrn var n = contentPanel.getItem(node.id); //获得要显示的选项卡rn if(!n)rn n = contentPanel.add( rn 'id':node.id, rn 'title':node.text, rn closable:true, //通过html载入目标页 rn layout:'form',rn items: eval(node.id)rn // html:'' rn );rn rn contentPanel.setActiveTab(n); rn contentPanel.doLayout();rn rn rnrn )rn rn rn );
左边菜单,右边显示左边的链接
设这你的 iframe 的名字 比如iframe name=”main”那就是左边的页面中 a href="Article_Manage.asp" target="main">文章管理a>
如何隐藏左边的div,同时改变右边的div的宽度?
我把网页分成左右两栏。用div控制布局。rn我想按一个按钮,把左边的div隐藏,右边的div的宽度变大。rn显示左边的div时候,右边的div的宽度减小。rnrn[code=JScript]rn function switchSysBar()rn var op=document.getElementById("op"); rn if (op.value=="隱藏左欄")rn op.value="顯示左欄" rn document.getElementById("left").style.display="none"//左边div隐藏,可以实现rn document.getElementById("right").WIDTH: 100%//右边div变大,但无法实现。rn rn elsern op.value="隱藏左欄"rn document.getElementById("left").style.display=""//左边div显示,可以实现rn document.getElementById("right").WIDTH: 79%//右边div变小,但无法实现。rnrnrn rnrnrnrn rn rn rn >rn rn rn rn rn rn rn[/code]rnrn
Extjs TabPanel
[code=JScript]rn//Table面板rn var mainTab = new Ext.TabPanel( rn region : 'center',rn defaults : rn autoScroll : truern ,rn items : [ rn title : '首页',rn html : '123',rn id : 'index'rn ],rn enableTabScroll : truern );rn mainTab.setActiveTab("index");rn rn var left = new Ext.tree.TreePanel( rn region : 'west',rn title : '功能导航',rn collapsible : true,rn split : true,rn containerScroll : true,rn autoScroll : true,rn width : 175,rn loader: new Ext.tree.TreeLoader(rn dataUrl: './bm23Nymenu.do?method=doShowMenu'rn ),rn listeners : rn click : function(n,e) rn var url = n.attributes.url;rn var id = n.attributes.id;rn if (url) rn //e.stopEvent();//停止本身事件rn if (mainTab.getItem(id)) rn mainTab.setActiveTab(id);rn else rn var iframe = '';rn var p = new Ext.Panel( rn title : n.attributes.text,rn id : id,rn html:iframe,rn /*autoLoad : rn url : url,rn scripts : truern ,*/rn closable : truern );rn mainTab.add(p);rn mainTab.setActiveTab(p);rn rn rn rn ,rn root: new Ext.tree.AsyncTreeNode(rn text: '功能树',rn id: 'root',rn expanded: true,rn draggable: falsern ),rn collapseFirst: falsern );rn[/code]rn上面是main.js里的代码.rn点击树的节点.加载js到mainTab里。rn我现在想实现在一个已经加载的js.点击按钮再向mainTab里添加一个选项卡。rn是否可以实现.rn
Extjs里如何删除gridpanel
删除后需要刷新吗
Extjs tabpanel
tabpanel的内容是否可以执行动态页面, 怎样来加载自己需要的数据?tabpanel是不是只有加载页面,还能加载其他的内容吗,比如datagrid, panel等其他控件?
怎么样让DIV宽度自动适应里面的图片的宽度?
[code=HTML]rn rn rnrn[/code]rnrn我的DIV里有图片,大小未知。DIV有边框颜色,希望DIV宽度自动适应里面的图片的宽度缩放。并且正常显示边框。rn同时还要求不论在IE还是火狐浏览器下都正常显示。rnrnrn如何实现?
extjs gridPanel
新人问题求解 extjs gridPanel 如何获取先点击一行 隔几秒又点击该行的事件
extjs GridPanel
问一下,我的界面用 GridPanel做的,但是我浏览器变化大小的时候,显示数据的框就变了,请问是怎么回事,rn我的代码 图片不知道咋粘,rn[code=Java]rnif(this.isEditor==true)rn out.append( this.gridName+"=new Ext.grid.EditorGridPanel(");rn out.append("clicksToEdit:0,");rn elsern out.append( this.gridName+"=new Ext.grid.GridPanel(");rn rn out.append("id:'"+this.gridName+"',");rn out.append("region : 'center',");rn out.append("stripeRows:true,").append("\r\n");rn if(winid.indexOf("tab")>0)rn out.append("height : Ext.getCmp('"+winid+"').getSize().height-15,").append("\r\n");rn elsern out.append("height : Ext.getCmp('"+winid+"').getSize().height-65,").append("\r\n");rn rn out.append("enableHdMenu :true,").append("\r\n");rn out.append("store:"+this.gridName+"ds,cm:"+this.gridName+"cm,").append("\r\n");rn out.append("sm:new Ext.grid.CheckboxSelectionModel(),").append("\r\n");rn out.append("title:").append("'").append(PkgTagUtils.message(pageContext, "pigeonhole.pretitle")).append("',loadMask:msg:").append("'").append(PkgTagUtils.message(pageContext, "pigeonhole.loading")).append("',").append("\r\n");rn out.append("bbar:"+this.gridName+"pageBar,").append("\r\n");rn out.append("collapsible : true,").append("\r\n");// 是否可以展开 rn out.append("collapsed : false,").append("\r\n");rn out.append("tbar: Ext.getCmp('"+this.gridName+"buttonBar')").append("\r\n");//功能按钮;rn out.append(");").append("\r\n");rn[/code]
extjs tabpanel 怎样隐藏横向滚动条
extjs tabpanel 怎样隐藏横向滚动条,哪位知道?帮忙解决一下,谢谢!
右边宽度固定,左边自适应的三种方法
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;右边宽度固定,左边自适应&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; html, body { margin: 0;
实现一个左边宽度固定,右边自适应
dom结构: body> div class="left">hellodiv> div class="right">worlddiv> body> 方法一: .left { width: 100px; height: 100px; border: 1px solid; position: absolute; } .right {
左边定宽,右边自适应宽度布局
浮动布局 margin+浮动定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding:0; } #lef
CSS 左边固定宽度右边自适应宽度总结
CSS 左边固定宽度右边自适应宽度总结两个div并排,左边的宽度固定,右边自适应。 我的左边是导航栏,右边也分上下两部分。整个页面:html,body{ margin:0px; height:100%; }1、左侧导航栏,使用position: absolute;.main-sidebar{ position: absolute; top: 0; left:...
【CSS】右边宽度固定,左边自适应
右边宽度固定,左边自适应 第一种: &amp;amp;amp;lt;style&amp;amp;amp;gt; body{ display: flex; } .left{ background-color: rebeccapurple; height: 200px; flex: 1; } .right{ background-color: red; height: 200px; width...
datagridview列标题宽度总是不自适应。。。。太奇怪了。。。。
[img=http://img.my.csdn.net/uploads/201304/02/1364897375_8653.jpg][/img]rnrn我已经设置了AutoSizeColumnsMode属性为Allcells了。可是效果始终不对。如图,标题全部换行了,怎么就不自适应呢???
隐藏TabPanel
[code=C#] rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnrn问题:style="display:none"不起作用,不能隐藏。不能用visible,因为还要用js让它显示[/code]
左边栏菜单隐藏显示
bootstrap左边菜单栏隐藏显示,非常亮眼,前端框架优秀的设计
TabPanel中GridPanel布局问题
源代码:rnrn[code=JScript]rnrnvar grid = new Ext.grid.GridPanel(rn id : 'firstPanel',rn title : '数据管理',rn trackMouseOver : false,rn disableSelection : true,rn closable : true,rn loadMask : true,// 载入遮罩动画rn store : store,rn sm : csm, //new Ext.grid.RowSelectionModel(singleSelect:false),//多选框rn cm : cm,//rn viewConfig : rn forceFit : true,rn enableRowBody : true,rn sortAscText : '升序',rn sortDescText : '降序',rn columnsText : '显示列',rn //showPreview : true,rn getRowClass : function(record, rowIndex, p, store) rn if (this.showPreview) rn p.body = ' ' + record.data.excerpt + '';rn return 'x-grid3-row-expanded';rn rn return 'x-grid3-row-collapsed';rn rn ,rn .......................rn );rnrnvar tabPanel = new Ext.TabPanel(rn id : 'firstTab',rn region : 'center', // a center region is ALWAYS required for border layoutrn deferredRender: false,rn enableTabScroll : true,//当标签页会超出TabPanel的整体宽度时,是否溢出的标签页rn activeTab: 0, // first tab initially activern items: gridrn );rnrn var viewport = new Ext.Viewport(rn layout : 'border',rn items : [rn new Ext.BoxComponent(rn region : 'north',rn height : 80, // give north and south regions a heightrn autoEl : rn tag : 'div',rn html : ' north - generally for menus, toolbars and/or advertisements'rn rn ), rn // lazily created panel (xtype:'panel' is default)rn region : 'south',rn contentEl : 'south',rn split : true,rn height : 100,rn minSize : 100,rn maxSize : 200,rn collapsible : true,rn title : 'South',rn margins : '0 0 0 0'rn , rn region : 'east',rn title : 'East Side',rn collapsible : true,rn split : true,rn width : 225, // give east and west regions a widthrn minSize : 175,rn maxSize : 400,rn margins : '0 5 0 0',rn layout : 'fit', // specify layout manager for itemsrn items : // this TabPanel is wrapped by another Panel so the title will be appliedrn new Ext.TabPanel(rn border : false, // already wrapped so don't add another borderrn activeTab : 1, // second tab initially activern tabPosition : 'bottom',rn items : [rn html : ' A TabPanel component can be a region.',rn title : 'A Tab',rn autoScroll : truern , new Ext.grid.PropertyGrid(rn title : 'Property Grid',rn closable : true,rn source : rn "(name)" : "Properties Grid",rn "grouping" : false,rn "autoFitColumns" : true,rn "productionQuality" : false,rn "created" : new Date(Datern .parse('10/15/2006')),rn "tested" : false,rn "version" : 0.01,rn "borderWidth" : 1rn rn )]rn )rn , rn region : 'west',rn id : 'west-panel', // see Ext.getCmp() belowrn title : 'West',rn split : true,rn width : 200,rn minSize : 175,rn maxSize : 400,rn collapsible : true,rn margins : '0 0 0 5',rn layout : rn type : 'accordion',rn animate : truern ,rn items : [tree,rnrn rn contentEl : 'west',rn title : 'Navigation',rn border : false,rn iconCls : 'nav' // see the HEAD section for style usedrn , rn contentEl : 'west',rn title : 'Settings',rn html : ' Some settings in here.',rn border : false,rn iconCls : 'settings'rn ]rn ,rn tabPanelrn ]rn );rnrnrnfunction treeMenu(node)//加载index_document.jsp'rn var n;rn n = tabPanel.getComponent(node.id);rn if(n)rn tabPanel.setActiveTab(n);rn return false;rn rn rn n = tabPanel.add(rn id : node.id,rn title : node.text,rn closable : true,rn autoLoad : rn url : 'index_document.jsp',rn nocache: true,rn text: 'Loading...',rn scripts: truern rn );rn rn tabPanel.setActiveTab(n);rn rn[/code]rnrn[color=#FF0000]index_document.jsp代码[/color]rnrn rnrn[code=JScript]rnrnvar grid2 = new Ext.grid.GridPanel(rn region : 'center',rn frame : false,rn border : false,//取除边框rn height : 385,//这是固定的高度。当加载进index_document.jsp页面时,使其高度能填冲满整中center部分rn autoWidth : true,rn renderTo : 'moduleDiv',rn trackMouseOver : false,rn disableSelection : true,rn closable : true,rn loadMask : true,// 载入遮罩动画rn store : store,rn sm : csm, //new Ext.grid.RowSelectionModel(singleSelect:false),//多选框rn cm : cm,//rn viewConfig : rn forceFit : true,//当行大小变化时始终填充满rn sortAscText : '升序',rn sortDescText : '降序',rn columnsText : '显示列',rn //showPreview : true,rn getRowClass : function(record, rowIndex, p, store) rn if (this.showPreview) rn p.body = ' ' + record.data.excerpt + '';rn return 'x-grid3-row-expanded';rn rn return 'x-grid3-row-collapsed';rn rn ,rn ......................................rn );rn rn[/code]rnrn当加载进index_document.jsp页面时,[color=#FF0000]grid2[/color]的高度无法填冲满整个center部分,如何设置可以使其能填冲满整个center部分,及TabPanel?rnrn谢谢!rnrnrn
extjs 里面的tabpanel 可以设计成这样吗?
[img=http://hi.csdn.net/attachment/201104/11/9913032_1302521517Uc5Z.jpg][/img]rnrn我想在tabpanel的头部 右侧,添加一个搜索框。可以实现吗?如果不可以,需要用什么办法实现类似功能呢?rn注:图中的布局不能变,用panel之类的可以实现这个功能吗?
extjs GridPanel添加到TabPanel,列标题总是不显示,急~~~
源码如下:rnExt.onReady(function()rn var tabs=new Ext.TabPanelrn (rn renderTo:"Container",rn width:800,rn autoHeight:true,rn deferredRender:false,rn region:'center',rn height:200rn );rn var cm = new Ext.grid.ColumnModelrn ([ rn header:'Name', dataIndex: 'filename',sortable:true,rn header:'No', dataIndex: 'lineNo',sortable:true,rn header:'Date', dataIndex: 'importDate',sortable:truern ]);rn rn var importRecord = Ext.data.Record.create([rn name: 'filename', type: 'string',rn name: 'lineNo', type: 'string',rn name: 'importDate', type: 'string'rn ]);rn var data1 =[['A','B','C']];rn var store1 = new Ext.data.Storern ( rn proxy: new Ext.data.MemoryProxy(data1),rn reader: new Ext.data.ArrayReader(,importRecord)rn );rnrn store1.load();rn var grid1 = new Ext.grid.GridPanelrn ( rn store:store1, rn cm:cm, rn loadMask:true,rn viewConfig:forceFit:true,rn autoHeight:truern );rn tabs.add(rn id:"grid1",rn title:'ImportTool', rn layout:'fit',rn items:grid1,rn autoHeight:truern ); rnrn tabs.activate(0);rn); rnrngridPanel里的数据(A,B,C)能显示出来,但是grid.ColumnModel定义的header(Name,No,Date)显示不出来。rn急求高手解答,多谢!!!!!!rnrn
Extjs在tabpanel中多次添加同一个GridPanel失败,如何解决
//中间主面板 rnvar center = new Ext.TabPanel(//创建中间的面板rn id: 'middle',//id值rn region: 'center',rn height: 420,rn border: false,rn activeTab: 0,//处于激活状态的按钮rn autoScroll: true,rn enableTabScroll: true,rn items: [rn title: '界面',rn html: '',rn border: false,rn id: 'first'//id值rn ]rn);rnrn//右边树形面板rnvar left = new Ext.Panel(//右边的面板rn region: 'east',rn id: 'le',rn width: 270,rn iconCls: 'le',rn title: '操作',rn border: false,rn collapsible: true,rn layout: 'fit',rn items: new Ext.TabPanel(//嵌套的面板tab(一)rn width: 200,rn activeTab: 0,rn items: [rn title: '功能面板',rn xtype:'treepanel',rn autoScroll: true,rn split: true,rn loader: new Ext.tree.TreeLoader(), rn root: new Ext.tree.AsyncTreeNode(rn expanded: true,rn children: [ rn text:'统计报表',id:'total',children:[text:'历史轨迹',id:39,leaf:true]rn ]rn ),rn rootVisible: false,rn listeners: rn click:function(node)rn rn switch(node)rn rn case 39: rn center.add(hrgrid()).show(); rn break; rn rn rn rn ]rn )rn);rnrnvar login = function ()rn rn Ext.QuickTips.init(); rn new Ext.Viewport(//Viewport显示,无需渲染 rn layout: "border",//boeder布局;rn items: [center, left]rn );rn rnrnrnvar GridHistoryRoad = new Ext.grid.ColumnModel([rn header: '车牌号',rn dataIndex: 'hrCarID',rn width: 150rn, rn header: '纬度',rn dataIndex: 'brWeidu',rn width: 125rn, rn header: '经度',rn dataIndex: 'hrJingdu',rn width: 125rn, rn header: '时间',rn dataIndex: 'hrTime',rn width: 175rn, rn header: '地址',rn dataIndex: 'hrAdress',rn id: 'hrAdress'rn]);rnrnvar HrStore = new Ext.data.Store(rn proxy: new Ext.data.MemoryProxy(),rn reader: new Ext.data.ArrayReader(, [rn name: 'hrCarID'rn , rn name: 'brWeidu'rn , rn name: 'hrJingdu'rn , rn name: 'hrTime'rn , rn name: 'hrAdress'rn ])rn);rnHrStore.load();rnrnfunction hrgrid()rn var hrgrid = new Ext.grid.GridPanel(rn height: 500,rn autoWidth: true,rn title: '历史轨迹',rn closable: true,rn id: 'hrgridID',rn autoScroll: true,rn autoExpandColumn: 'hrAdress',rn cm: GridHistoryRoad,rn store: HrStore,rn tbar: [rn text: ' 选择车辆',rn handler: function()rn rn rn , '-', rn xtype: 'label',rn text: '开始时间'rn , rn xtype: 'datefield',rn id: 'hrgridTimefield',rn format: 'Y-m-d H:i:s',rn width: 130,rn listeners: rn 'select': function(v)rn rn rn rn , '-', rn xtype: 'label',rn text: '结束时间'rn , rn xtype: 'datefield',rn id: 'hrgridTimefield1',rn format: 'Y-m-d H:i:s',rn width: 130,rn listeners: rn 'select': function(v) rn rn rn , '-',rn text: '查询轨迹',rn handler: function()rn rn rn ],rn listeners: rn 'close': function()rn// var gp = Ext.getCmp('hrgridID');rn// Ext.destory(gp);rn rn rn );rn return hrgrid;rnrn rnExt.onReady(login);rnrnrnrn这是我写的代码,求大家帮帮忙
TabPanel嵌套GridPanel不显示
rnTabPanel嵌套GridPanel数据无法显示,改成Panel嵌套GridPanel就可以显示,用ff调试过,用TabPanel时,有获取到数据啊,为何前台死活不显示呢?rnrn    var attributeTable=new Ext.grid.GridPanel( rn id: 'tableWorkItem', rn ds: dsAttribute, rn cm: cmAttribute, rn margins: '0 0 0 0'rn );rn rn var footRightPanel = new Ext.TabPanel( rn id: 'footRightPanel',rn region: 'south',rn height: 150,rn width : 280,rn deferredRender:false,rn border:false,rn activeTab : 0,rn collapsible : true,rn autoScroll : true,rn margins: '0 0 0 0',rn collapseMode: 'mini',rn items:[rn title:"信息",rn items:[attributeTable] rn ] rn );rn rn var rightPanel = new Ext.Panel(rn id : 'rightPanel',rn title:'属性列表',rn region : 'east',rn //layout : 'border',rn width : 280,rn split : true,rn margins : '0 0 0 0',rn collapsible : false,rn autoScroll : true,rn collapseMode: 'mini',rn items : [attributeTable]rn ); rnrn var viewport = new Ext.Viewport(rn layout : 'border',rn margins: '0 0 0 0',rn items : [treern , middlePanel, footRightPanel]//此处用rightPanel就可以显示rn );rnrnrn//通过调用此方法,获取grid的数据。rnfunction getInfo(id) rn dsAttribute.load(params:id:id);rn Ext.getCmp('footRightPanel').setActiveTab(1);rnrnrn
ExtJs 如何判断TabPanel里面的值是Gridpanel1.和Gridpanel2
一个TabPanel 里面有 2个Gridpanel1 和Gridpane2rnrnGridpanel ---主信息列表 Gridpane2 详细列表rnrnrn当我选项卡TabPanel 选项卡 是 Gridpanel1 ---主信息列表 用Js脚本方法 获取 GridPandel1里面的值得。rnrn当我选项卡TabPanel 选项卡 是 Gridpane2 ---详细列表 用Js脚本方法 获取 GridPandel2里面的值得rnrn以下是我自己写的,感觉不对。rn提示脚本:rn[code=csharp]rn //打印方法rn function btn_Print_Click() rn debuggerrn var node = "";rn if (App.GridPanel1.Text == "详细列表") rn node = App.GridPanel1.getSelectionModel().getSelection();rn rn if (App.GridPanel1.Text == "汇总列表") rn node = App.GridPanel2.getSelectionModel().getSelection();rn rn if (node.length == 0) rn alertE("提示信息", "您没有选中任何行!");rn rn else rnrn var json = Ext.encode(App.GridPanel1.getRowsValues( selectedOnly: true ));rn// var json2 = Ext.encode(App.GridPanel2.getRowsValues( selectedOnly: true ));rn App.direct.btn_Print_Click(json);rn [/code]
CSS布局:两列,左边宽度自适应,右边宽度固定200px
     这是百度的一道笔试题,网上的答案相当统一的只有一个。但是我本人不是很喜欢使用position:absolute这种属性,所以自己重新写了一个。 &amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&amp;gt; &amp;lt;HTML&amp;gt; &amp;lt;HEAD&amp;gt; &amp;lt;TITLE&amp;gt; New Doc...
实现左边宽度固定,右边宽度自适应的两列布局
最近面试被问到一个问题,感觉还挺经典,但由于脑子短路回答的不是很好。面试过后,在此简单总结一下这个问题的答案,如果下次遇到可以能回答的好一点。 问题就是:实现一个两列布局,要求左边宽度固定,右边宽度自适应,利用CSS如何实现? 一些解决办法: 1.左侧浮动,右侧不设定宽度 浮动就使元素脱离标准文档流,所以会使两个元素在一行显示 .left{ float:left; width
如何利用样式解决左边的宽度固定,右边的宽度自适应
如何利用样式解决左边的宽度固定,右边的宽度自适应
QQ窗体的靠边隐藏,上边、左边、右边
现实QQ靠边隐藏的功能,代码简洁,有注释,是通过计时器实现的。
android 商城左边菜单,右边联动
项目的需要,类似于大多数商城一样的左菜单,右内容的。实现左右联动的效果。在网上也找了些Demo 但是效果都不理想,所以就自己手动写了一个,虽然也没有太多的技术含量,但是效果还是不错的。      实现的原理就是两个Listview 进行绑定。根据滑动的位置进行相应的左右联动。直接上效果图:     下面是核心代码MainActicity,主要是使用了ListViewde的滑动监听 set
ajax实现左边菜单,右边内容
![图片说明](https://img-ask.csdn.net/upload/201711/12/1510472332_393252.png)rnrn![图片说明](https://img-ask.csdn.net/upload/201711/12/1510472347_177615.png)rn总是自动跳转页面,怎么解决呢,小白,望指点
HorizontalMenu(横向滑动ViewGroup+左边菜单右边内容)
HorizontalMenu(横向滑动ViewGroup+左边菜单右边内容)
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview