`
kimmking
  • 浏览: 550356 次
  • 性别: Icon_minigender_1
  • 来自: 中华大丈夫学院
社区版块
存档分类
最新评论

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

EXTAjaxFirefox浏览器HTML 
阅读更多 
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'
	});
  • 大小: 29.2 KB
分享到：
| ExReport(v0.1发布)_基于Excel，最贴近用 ...
评论
3 楼 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'
	});
	}
);

都是正常的。

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

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

相关推荐

    文本框日期控件，单击文本框选择日期

    综上所述，"文本框日期控件，单击文本框选择日期"是一个基于JavaScript的日期选择解决方案，如My97DatePicker，它提供了一种用户友好的方式来输入和管理日期。开发者可以通过简单地引入和配置控件，将这一功能无缝...

    单击文本框弹出日期选择控件

    在ASP.NET开发中，我们经常需要为用户提供便捷的输入日期的方式，这时“单击文本框弹出日期选择控件”的功能就显得尤为重要。这个功能可以让用户通过点击一个文本框，而不是手动输入日期，来选择一个日期，提高了...

    JS轻松实现单击文本框弹出选择日期

    在网页开发中，JavaScript（JS）经常用于增强用户体验，其中一个常见的功能是实现用户单击文本框时弹出日期选择器。这个功能可以帮助用户方便快捷地输入日期，避免手动输入可能出现的格式错误。本文将详细讲解如何...

    文本框时间日期插件

    通过以上描述，我们可以看出，日期插件如laydate在网页开发中扮演着不可或缺的角色，它们为用户提供了更高效、更友好的交互体验，同时也简化了开发人员的工作，使得日期和时间的选择功能实现起来更为简便。...

    JS日期控件选择到文本框

    在JavaScript（JS）中，处理日期和时间是常见的任务，特别是在构建用户界面时，我们经常需要为用户提供一种方便的方式来选择日期和时间，并将其显示在文本框中。"JS日期控件选择到文本框"这个话题涉及到如何使用...

    多种类型日期文本框选择

    总的来说，实现多种类型的日期文本框选择，关键在于理解DOM事件和JavaScript的事件监听机制，以及熟悉所使用的日期选择器库的API。在这个过程中，你需要掌握如何与HTML元素交互，如何处理事件，以及如何配置和使用...

    jquery日期日历插件 单击文本框弹出日期选择控件

    在标签中，"jquery日期"指的是jQuery对日期处理的支持，"日历插件"是指用于展示日期的交互式组件，"单击文本框"是触发日历显示的事件，而"弹出日期选择"则描述了控件的核心功能，即在用户需要选择日期时提供一个可...

    JS写的日期控件,可以和文本框绑定

    综上所述，My97DatePicker是一个强大的JavaScript日期控件，它通过与文本框的绑定，实现了用户友好的日期选择和无刷新更新，为网页应用带来了便捷和高效。开发者可以通过理解和使用这个控件，提升其网页的交互性和...

    asp.net自定义日期控件文本框样式

    通过这样的自定义日期控件，我们可以减少对第三方库的依赖，提高页面加载速度，同时保持界面的简洁性和用户体验。在ASP.NET开发中，自定义控件的创建和复用是提升代码质量和可维护性的重要手段。希望这个案例能帮助...

    可以输入的下拉框 下拉框和文本框组合共用

    下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....

    点击text文本框弹出日期选择器.zip

    日期时间选择器是一种常见的UI组件，用于方便用户输入或选择日期和时间。本话题主要围绕"点击text文本框弹出日期选择器"这一功能展开，它利用原生JavaScript实现，提供了一种高效且直观的用户交互方式。 首先，我们...

    VC++使用组合框，下拉框与文本框级联作用

    而文本框（TextBox）则用于接收和展示用户输入或程序动态更新的数据。在某些情况下，我们希望当用户在组合框中选择一个选项时，文本框能自动更新并显示与该选项相关的详细信息。这种级联效果可以提高用户体验，减少...

    C#判断多个文本框是否为空的方法

    确保这些文本框不为空是验证用户输入的重要步骤，可以防止无效的数据提交。下面将详细阐述如何在C#中判断多个文本框是否为空，并提供一个实用的示例方法。 首先，我们需要了解文本框（TextBox）的`Text`属性。`Text...

    javascript日期输入文本框

    创建日期输入文本框时，确保遵循无障碍性原则，比如为屏幕阅读器提供合适的标签和属性，使视力障碍的用户也能方便地使用。 10. **响应式设计** 随着移动设备的普及，日期输入框应适应各种屏幕尺寸。可以使用CSS...

    jquery-自动日期文本框

    此外，还可以对日期格式进行更细致的控制，例如只允许选择工作日，或者设置日期范围限制。 总结来说，通过结合HTML、CSS和jQuery，我们可以轻松地创建一个自动日期文本框，为用户提供方便的日期选择功能。这种功能...

    Jquery各种小功能文本框验证，弹出日期牌等

    以下是一个简单的使用jQuery和Validform实现文本框验证，以及jQuery UI DatePicker实现日期选择器的示例： ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery验证与日期选择器 ...

    文本框测试用例 如何测试文本框

    - 测试日期格式是否正确，例如“2009.2.28”为有效日期，“2009.2.29”在非闰年的情况下为无效日期。 - 验证不同的日期格式是否被正确识别，如“2009/09/01”、“2009.09.01”、“20090901”等。 - **时间格式**...

    swing 日期选择器 支持点击文本框选择 和自定义按钮选择

    swing 日期选择器 支持点击文本框选择 和自定义按钮选择

    点击文本框弹出日历控件（可以选择日期）

    这个功能允许用户通过点击文本框来选择日期，而不是手动输入，既提高了数据输入的准确性，也提升了用户体验。下面将详细介绍如何实现这一功能。 首先，我们需要理解“文本框”（Input Field）是HTML中的一个基本...

    原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原生JavaScript日期时间插件，不依赖任何外部库如jQuery，它提供了用户友好的交互方式，例如当用户点击文本框时，会弹出一个表格让用户选择日期和时间。这种功能在网页表单或事件预订等场景中非常实用。下面我们将...

Magicbox
Global site tag (gtag.js) - Google Analytics