(22)ExtJS之表单数据加载示例

最新推荐文章于 2017-12-28 10:01:08 发布

无人与我共黄昏

最新推荐文章于 2017-12-28 10:01:08 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS案例

本文链接：https://blog.youkuaiyun.com/Xuan6251237011/article/details/20084781

ExtJS案例同时被 2 个专栏收录

47 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

EXTJS代码

47 篇文章

订阅专栏

这篇博客详细介绍了如何在ExtJS中加载和显示表单数据，通过JS文件实现从服务器获取数据并填充到表单字段，为前端开发者提供了一个实用的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS文件：

//表单数据加载示例：
Ext.onReady(function(){
	Ext.QuickTips.init();
	var productForm=Ext.create('Ext.form.Panel',{
		title:'表单表单加载示例',
		width:300,
		frame:true,
		fieldDefaults:{
			labelSeparator:':',
			labelWidth:80,
			width:200
		},
		renderTo:Ext.getBody(),
		items:[{
			fieldLabel:'产品名称',
			xtype:'textfield',
			name:'productName',
			value:'U盘'//同步加载数据
		},{
			fieldLabel:'金额',
			xtype:'numberfield',
			name:'price',
			value:100//同步加载数据
		},{
			fieldLabel:'生产日期',
			xtype:'datefield',
			format:'Y年m月d日',//显示日期的格式
			name:'date',
			value:new  Date()//同步加载数据
		},{
			xtype:'hidden',
			name:'productId',
			value:'001'//产品id
		},{
			fieldLabel:'产品简介',
			name:'introduction',
			xtype:'textarea'
		}],
		
			buttons:[{
				text

了解本专栏

超级会员免费看