Ext radio小知识点

最新推荐文章于 2019-08-02 09:00:15 发布

Shangguanhaoqi163

最新推荐文章于 2019-08-02 09:00:15 发布

阅读量452

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Ext JS 文章标签：需求控件 ext combobox extjs

本文链接：https://blog.youkuaiyun.com/Shangguanhaoqi163/article/details/53507558

Ext JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ExtJS中的Radio控件来决定另一个组合框（combo）的显示状态。通过监听Radio控件的变化，可以实现对关联的组合框进行禁用或启用的状态切换。

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

需求：实现一个用radio来确定是否显示某一控件

关键代码：

{
xtype: 'radiogroup',
fieldLabel: '计划类型',
cls: 'x-check-group-alt',
items: [
{boxLabel: '产品', name: 'rbauto', inputValue: 1},
{boxLabel: '非产品', name: 'rbauto', inputValue: 2, checked: true}
],
listeners:{
change: function( tb , newValue , oldValue , eOpts ) {
if (newValue.rbauto == 1) {
Ext.getCmp('comboProduct').setDisabled(false);
} else {
Ext.getCmp('comboProduct').setDisabled(true);
};
}
}
},
{
xtype:"combo",
name:'comboProductId',
id:'comboProduct',
disabled: true,
fieldLabel:'产品名称',
displayField:'productName',
valueField:'id',
triggerAction: 'all',
store: {
type : 'comboBoxProductStore',
},
triggerAction:'all',
queryMode: 'remote',
queryParam:'hostId',
allQuery: Ext.getCmp('assetId_monitorPlanList').getValue(),
selecOnFocus:true,
forceSelection:true,
allowBlank:false,
editable:false,
listConfig: {
loadingText: '正在加载', //加载数据时显示的信息
emptyText: '该主机没有绑定产品', //当值不在列表时的提示信息
maxHeight: 360
},
afterLabelTextTpl: [
'<span style="color:red;font-weight:bold" data-qtip="必填选项">*</span>'
],
emptyText:'请选择产品',
blankText:'请选择产品',
listeners:{
}
}