2008-06-26

文本框和combo，日期为什么对不齐呢？

关键字: ext 
var panel = new Ext.FormPanel({

		region : 'center',
		collapsible : true,
		labelAlign : 'left',
		autoScroll : true,

		labelWidth : 75,
		labelPad : 0,
		frame : true,
		title : '网上银行',
		bodyStyle : 'padding:5px 5px 0',
		width : 350,
		defaults : {
			width : 150
		},
		defaultType : 'textfield',
		items : [{
			fieldLabel : '开户行',
			name : 'orgbank',
			allowBlank : false,
			width : 150,
			blankText : '请填写你的开户行'
		}, new Ext.form.Field({

			fieldLabel : '账  号',
			allowBlank : false,
			width : 150,
			name : 'credit'
		}), new Ext.form.ComboBox({
			fieldLabel : '计划类别',
			store : new Ext.data.SimpleStore({
				fields : ['plansort'],
				data : [['正式'], ['追加']]
			}),
			width : 150,
			triggerAction : 'all',
			mode : 'local',
			displayField : 'plansort',
			value : '正式',
			editable : false
		}), new Ext.form.DateField({
			fieldLabel : '申请日期',
			format : 'Y-m-d',
			width : 150
		})],
		buttons : [{
			text : '提交',
			type : 'submit',
			handler : function() {

				//

				var obj = {
					url : 'Login',
					params : {
						username : 'Kimm King',
						password : 'asdfd'
					},
					method : 'post',
					success : function(result, request) {

						var obj = Ext.decode(result.responseText);
						Ext.Msg.alert('success', obj.Msg);
					},
					failure : function(result, request) {

						var obj = Ext.decode(result.responseText);
						Ext.Msg.alert('failure', obj.Msg);

					}
				};
				Ext.Ajax.request(obj);

				//

			}
		}, {
			text : '取 消',
			handler : function() {
				panel.form.reset();
			}
		}],
		renderTo : 'testaction'
	});
  • 601f3c3d-7ec6-3cb1-9663-36888706611e-thumb
  • 描述:
  • 大小: 29.2 KB
评论
chxkyy 2008-06-27
我用的是Ext JS Library 2.0 Beta 1
页面文件：
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title></title>
		<script type="text/javascript" src="../adapter/yui/yui-utilities.js"></script>
		<script type="text/javascript" src="../adapter/yui/ext-yui-adapter.js"></script>
		<script type="text/javascript" src="../ext-all-debug.js"></script>
		<script type="text/javascript" src="../ext-lang-zh_CN.js"></script>

		<script type="text/javascript" src="a.js"></script>
		<!-- Include Ext stylesheets here: -->
		<link rel="stylesheet" type="text/css"
			href="../resources/css/ext-all.css" />
		<link rel="stylesheet" type="text/css" href="ExtMenu.css" />
	</head>
	<body>
		<div id="toolbar">
	</body>
</html>


Ext.onReady(
	function(){
		var panel = new Ext.FormPanel({
		region : 'center',
		collapsible : true,
		labelAlign : 'left',
		autoScroll : true,

		labelWidth : 75,
		labelPad : 0,
		frame : true,
		title : '网上银行',
		bodyStyle : 'padding:5px 5px 0',
		width : 350,
		defaults : {
			width : 150
		},
		defaultType : 'textfield',
		items : [{
			fieldLabel : '开户行',
			name : 'orgbank',
			allowBlank : false,
			width : 150,
			blankText : '请填写你的开户行'
		}, new Ext.form.Field({

			fieldLabel : '账  号',
			allowBlank : false,
			width : 150,
			name : 'credit'
		}), new Ext.form.ComboBox({
			fieldLabel : '计划类别',
			store : new Ext.data.SimpleStore({
				fields : ['plansort'],
				data : [['正式'], ['追加']]
			}),
			width : 150,
			triggerAction : 'all',
			mode : 'local',
			displayField : 'plansort',
			value : '正式',
			editable : false
		}), new Ext.form.DateField({
			fieldLabel : '申请日期',
			format : 'Y-m-d',
			width : 150
		})],
		buttons : [{
			text : '提交',
			type : 'submit',
			handler : function() {

				//

				var obj = {
					url : 'Login',
					params : {
						username : 'Kimm King',
						password : 'asdfd'
					},
					method : 'post',
					success : function(result, request) {

						var obj = Ext.decode(result.responseText);
						Ext.Msg.alert('success', obj.Msg);
					},
					failure : function(result, request) {

						var obj = Ext.decode(result.responseText);
						Ext.Msg.alert('failure', obj.Msg);

					}
				};
				Ext.Ajax.request(obj);

				//

			}
		}, {
			text : '取 消',
			handler : function() {
				panel.form.reset();
			}
		}],
		renderTo : 'toolbar'
	});
	}
);

都是正常的。
kimmking 2008-06-27
ie7....
chxkyy 2008-06-26
你用的是什么浏览器？我用ie6,firefox 3 都正常的。
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

kimmking
  • 浏览: 2442 次
  • 性别: Icon_minigender_1
  • 来自: 中华大丈夫学院
  • 详细资料
搜索本博客
我的相册
B3ff598c-594f-3dcb-a667-710350e5caaa-thumb
exreport_效果图01
共 2 张
存档
最新评论