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

时间:2014-11-25 19:47:31

标签: javascript html combobox devexpress-mvc

我有一个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的选定单位值,并将其复制到另外两个单位字段,这些字段只是文本字段(因此无法输入用户)。

这是an example

有没有办法通过JavaScript获取所选值,还是有其他方法可以做到这一点?

谢谢

1 个答案:

答案 0 :(得分:0)

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

<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