请教:extjs table布局的问题,不显示TextField的标签.只显示文本输入框.

Posted 周三, 07/02/2008 - 15:22 by sxlhy

extjs 容器Panle中如果采用table布局,,不显示TextField的标签.只显示文本输入框.即使设置hideLabel为 false也不行.

  • 要发表评论，请先登录

hideLabel 设置成 true 才是隐藏,

by admin - 07/02/2008 - 17:49

hideLabel 设置成 true 才是隐藏,

hideLabel 设置成false是不隐藏。

  • 要发表评论，请先登录

我的表述有问题,我现在是想显示标签,而不是隐藏,但它不能显示.

by 游客 - 07/03/2008 - 10:10

我的表述有问题,我现在是想显示标签,而不是隐藏,但它不能显示.

  • 要发表评论，请先登录

请参考以下table布局的例子

by admin - 07/03/2008 - 11:23

也有可能是你的table布局不标准造成的.

请参考以下table布局的例子

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>XML Grid Example</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />

    <!-- GC -->
 	<!-- LIBS -->
 	<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
 	<!-- ENDLIBS -->

    <script type="text/javascript" src="../ext-all.js"></script>
    
<link rel="stylesheet" type="text/css" href="grid-examples.css" />

<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
<!-- Common Styles for the examples -->
<link rel="stylesheet" type="text/css" href="../examples.css" />
<script type="text/javascript">
Ext.onReady(function(){ 
    var form = new Ext.form.FormPanel({
        baseCls: 'x-plain',
        labelWidth: 55,
        url:'save-form.php',
        defaultType: 'textfield',

        items: [{
            fieldLabel: 'Send To',
			hideLabel: false,
            name: 'to',
            anchor:'50%'  // anchor width by percentage
        }]
    });

	var panel=new Ext.Panel({	
	renderTo:"panel",	
	title:"Panel",	
	width:500,	
	height:300,	
	layout:"table", 	
	layoutConfig: {	
	columns: 3 	
	},	
	items:[{title:"sub item",items:form,height:200,width:500}	
	]}	
	);
});
</script>
</head>
<body>
<div id="panel"></div>
</body>
</html>

  • 要发表评论，请先登录

TextField如果直接作为items放在table布局的Panel中仍然不行。

by 游客 - 07/04/2008 - 22:38

TextField如果直接作为items放在table布局的Panel中仍然不行。是不是Ext.form的元素要用form布局才能正常显示？

Ext.onReady(function(){

var textField =new Ext.form.TextField({
fieldLabel:'textFieldLabel',
hideLabel:false

});

var panel=new Ext.Panel({
renderTo:"panel",
title:"Panel",
width:500,
height:300,
layout:"table",
layoutConfig: {
columns: 3
},
items:[{title:"sub item",items:textField,height:200,width:500}
]}
);
});
</script>




  • 要发表评论，请先登录

要用from布局才可以的

by 游客 - 12/25/2009 - 23:23

layout:"form"

  • 要发表评论，请先登录

是的，要放在form中

by admin - 07/04/2008 - 23:43

据我所遇到的，都要放在 form 中。放在panel中的解决办法我也没有头绪。

  • 要发表评论，请先登录

我也遇到了一个一样的问题

by 游客 - 04/21/2009 - 23:29

现在怎么解决嘛？

  • 要发表评论，请先登录

items:[ { layout:'form',

by 游客 - 01/19/2010 - 10:54

items:[
{
layout:'form',
frame:true,
colspan:2,
items:[new Ext.form.TextField({fieldLabel:'订单编号'})]
}
这样应该可以显示fieldLabel

  • 要发表评论，请先登录

我也碰到这样的问题

by 游客 - 03/30/2010 - 11:37

我也碰到这样的问题。

  • 要发表评论，请先登录