extjs处理combobox信息回显的做法

happy_marvin

于 2014-06-27 22:48:22 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs图书管理项目

本文链接：https://blog.youkuaiyun.com/happy_marvin/article/details/35350273

extjs图书管理项目专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何利用Ext JS库创建包含远程查询模式、强制选择和回显功能的组合框，并详细阐述了如何将从Grid中获取的数据加载到自定义表单中，实现高效的数据交互和展示。

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

1.在combobox处理回显（就是在类中另建立一个属性取出的时候再建立另一个属性就是了）

2.下面上代码

	        },{
		        xtype:'combobox',
				fieldLabel: '新图书类别',
				name : 'booktypeid',		
				editable: false,
			    store: Ext.create("AM.book.store.CategoryStore",{}),
			    forceSelection: true,
			    queryMode: 'remote',
			    displayField: 'text',
			    valueField: 'booktypeid',
			    labelWidth:60
	        },{
		        xtype: 'textfield',
                name : 'booktypeText',
                fieldLabel: '现有图书类型',
                labelWidth:60
	        },{

下面是form从grid中获得的数据

	{text:"图书类型",dataIndex:"booktypeText",width:100,field:{
			xtype:"textfield"
		}},

controller:

	"book_grid" : {
				itemdblclick : function(_grid, record, item, index, e, eOpts) {
					var form = _grid.up("booklayout").down("bookform");
					var grid = form.up("booklayout").down("book_grid");
					//把选择的数据加载到form中去
					var _record = grid.getSelectionModel().getSelection();
					form.loadRecord(_record[0]);
					grid.hide();
					form.down("image").setSrc("images/book/"+_record[0].get("photo"));
					form.show();
				}
			},