javascript - 将选定的 Devexpress ComboBox 值复制到其他文本字段

Question

我有一个 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 获取选定的值，还是有另一种方法可以做到这一点？

谢谢

Answer 1

您可以在 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有所帮助。