将选定的 Devexpress 组合框值复制到其他文本字段

Duplicate selected Devexpress ComboBox value to other text fields

本文关键字:复制 其他 文本 字段 Devexpress 组合      更新时间:2023-09-26

我有一个DevExpress ComboBox来为金额字段选择金额单位(g,mg,l等)。

@Html.DevExpress().ComboBoxFor(     model => model.PackageAmountUnit,
                                    settings =>{settings.Width= 60;}
                                    ).BindList(args => this.Model.Units, args => this.Model.Units).GetHtml()

我在页面上还有另外两个金额字段,但这些字段的单位必须与第一个金额字段的选定单位相同。因此,我想复制 DevExpress ComboBox 的选定单位值,并将其复制到其他两个单位字段,这两个字段只是文本字段(因此用户无法输入)。

下面是一个示例

没有办法通过JavaScript获取选定的值,或者有没有另一种方法可以做到这一点?

谢谢

您可以在 Javascript 中通过为 ComboBox 的 ValueChanged 事件添加处理程序来执行此操作。

<script type="text/javascript">
function OnComboChanged(s,e){
    var comboValue = PackageAmountUnit.GetValue();
    AmountField.SetValue(comboValue);
}
</script>

@Html.DevExpress().ComboBoxFor(     model => model.PackageAmountUnit,
                                    settings =>{
                                         settings.Width= 60;
                                         settings.Properties.ClientSideEvents.ValueChanged = "OnComboChanged";
                                    }
                                    ).BindList(args => this.Model.Units, args => this.Model.Units).GetHtml()

DevExpress的这个问题回答也可能有所帮助" https://www.devexpress.com/Support/Center/Question/Details/Q349035

本文档也可能对 https://documentation.devexpress.com/#AspNet/DevExpressWebScriptsASPxClientEditBase_GetValuetopic 有所帮助。