extjswindow布局

A. extjs中 如何两列布局表单 在线等

你这种情况不应该使用column来布局，column是一种自适应的布局，应该使用table或者hbox布局，拿做例子，会更适合你这情况：

varform=Ext.create('Ext.form.Panel',{
layout:{
type:'table',
columns:2,//每行有几列
//默认样式
tableAttrs:{
style:"width:100;height:40;"
}
},
initComponent:function(){
varme=this;

Ext.applyIf(me,{
items:[
{
xtype:'numberfield',
name:'1',
colspan:1//表示占用几列
}，
{
xtype:'numberfield',
name:'2',
colspan:1
}
//.........
]
});

me.callParent(arguments);
}
})

B. EXTJS中怎样以百分比方式设置window的宽度和高度

宽是可以百分比设置的， 但是高度是不能按百分比设置， 设置了也没效果。这是我自己的答案

C. 请问在extJs中怎么让window放到panel里面去啊，或是用什么 方法能让一个组件能容纳window这个组件，

window没法放panel里~window是show出来的一个特殊的panel~
你想让window不能移出上下的toolbar，只能是你中间那块是个iframe，且该window是iframe内的~可显然这样会很麻烦~
还有一个可以尝试一下，就是监听move~在组件移动之后触发~然后你去自己计算它的xy，去处理你要的需求~就像cqh46给的第二个连接那样，window移出了界，一松鼠标就回到某个位置~

D. EXTJS：如何让window窗口在布局外显示

function helpWin(content,x,y){

var win = new Ext.Window({
width:250,
height:400,
title:'帮助与支持',
border :false,
bodyStyle:"background-color:white;padding:5px 5px 5px;border: 0px",
x:x,
y:y,
draggable:false,
closeAction :'hide',
collapsible :true,
constrain :true,
maximizable :true,
items:[{html:content, border :false}]
});
return win;
}

仅供参考

E. 如何用Extjs进行下面的布局，整体是个panel 内部3个子panel 并且还可以拆分成2部分（如图）

简单来说，就是hbox或column横向布局，再用vbox纵向布局

代码如下：

Ext.onReady(function(){
		
Ext.create('Ext.panel.Panel',{
		
	layout:{
	type:'column'
	},
	default:{
	xtype:'panel'
	},
	border:1,
	width:600,
	height:400,
	padding:10,
	items:[{
	margin:'30px',
	width:150,
	height:290,
	layout:'vbox',
	items:[{
	width:150,
		height:90,
		html:'form'
	},{
	width:150,
		height:200,
		html:'grid<br>Panel'
	}]
	},{
	margin:'30px30px30px0',
	width:150,
	height:290,
	layout:'vbox',
	items:[{
		width:150,
		height:90,
		html:'form'
	},{
		width:150,
		height:200,
		html:'grid<br>Panel'
	}]
	},{	
	margin:'30px30px30px0',
	width:150,
	height:290,
	layout:'vbox',
	items:[{
	width:150,
		height:90,
		html:'form'
	},{
		width:150,
		height:200,
		html:'grid<br>Panel'
	}]
	}],
	renderTo:Ext.getBody()
})

效果如下图：

F. 在ExtJs中，TabPanel中如何布局，让两个文本框在一行显示呢

两个组件显示到一行就用布局，从你需要的效果来看，有两种方法：
1、要用到两个布内局的结合，分别是容column和form布局；
2、用一种布局加panel代替显示原来组件的fieldlabel；
我个人比较偏向第一种，代码如：
...
layout:'column',
items:[
{
columnWidth:.5,
layout:'form',
items:[sexTextFiled] //sex 的组件
},{
columnWidth:.5,
layout:'form',
items:[dateField] //date 的组件
}
]

顺便说下为什么要两种布局组合，因为column布局的效果不能显示fieldLabel，只有form布局可以显示fieldLabel。当然，你要的效果也有其他方法可以实现，希望对LZ有帮助。