关于combo动态获取值并设定默认值的方法

最新推荐文章于 2021-12-13 21:51:59 发布

原创最新推荐文章于 2021-12-13 21:51:59 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

extjs 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在使用JsonStore作为combo数据源时，通过JavaScript代码确保下拉框显示数据库读取的value对应的text，而不仅仅是value本身。通过定义JsonStore并设置其加载事件，实现数据同步更新，从而实现在编辑记录时下拉框正确显示对应text的功能。

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

如果combo的store是SimpleStore，即数据是从当前页面获取的，那么只需将combo的value设置为想要的值，下拉框中就会显示该值对应的text。

　　如果combo的store是JsonStore，即数据是从后台远程获取的，那么按照上面的方法，下拉框中只能显示该value，不能显示对应的text。这是JsonStore异步加载数据造成的，可以通过如下方法来解决这个问题。

　　先定义一个JsonStore，

JavaScript语言: 知蚁博客程序设计

var js = new Ext.data.JsonStore({
url: ”,
autoLoad: true,
root: ‘root’,
fields: ['k', 'v']
});

　　然后，在需要的地方添加如下代码，

JavaScript语言: 知蚁博客程序设计

js.on(‘load’,function(){Ext.getCmp(‘comboid’).setValue(1);});

　　比如编辑某条记录时，在表单loadRecord前面添加这句代码，可以让下拉框中显示从数据库中读来的value对应的text。
原创文章请注明转载于知蚁博客，本文地址：http://www.letuknowit.com/archives/77