我在一个前端UI上工作,将提供一个下拉菜单,其中将包含命令列表和一个或两个变量(取决于命令),我试图做的是,当我从下拉菜单中选择命令时,它应该填充用户将提供值的文本字段。例如,命令:“show route table<vrf_name><ip_addr>“,则应创建两个新文本字段,以便用户填写这些值。我对如何创建带有变量名的文本字段感到困惑。
var commands = Ext.create('Ext.data.Store', {
fields: ['command', 'reqvalues'],
data : [
{"command":"op find-security-zone ip <ip_addr>", "reqvalues":"ip_addr"},
{"command":"show configuration | display set | match <match_text>", "reqvalues":"match_text"},
{"command":"show route table <vrf_name> <ip_addr>", "reqvalues":"vrf_name, ip_addr"}
]
});
// Create the combo box, attached to the data store
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Select Command',
store: commands,
queryMode: 'local',
displayField: 'command',
valueField: 'command',
renderTo: Ext.getBody(),
});
2条答案
按热度按时间8i9zcol21#
要动态添加字段,请尝试以下代码。它添加一个初始为空的字段集,当用户从组合框中选择某个内容时,它会在删除所有先前添加的文本字段后,将文本字段添加到字段集。(您可以使用container等来代替字段集。)
这是一把能用的小提琴。
gmxoilav2#
最好使用具有预定义表单的卡片布局,并使用组合框切换它们。类似于: