c# - 如何在 JavaScript 中使用 C# 枚举值

Question

我在 C# 中有一个枚举，例如 Category.cs。
在下拉列表中，我们绑定(bind)值。
因此，如果用户在下拉列表中选择某个特定值，它将隐藏一个 div。
所以我想在 javascript 中获取枚举值，即想将枚举值与 javascript 中的一个选定值进行比较。

马赫什

Answer 1

假设您有这样的带有数值的enum:

public enum Colors
{
   Yellow = 1,
   Red,
   Blue,
   Green,
   Purple
}

首先，在后面的代码(Page_Load 事件)中注册将构建包含相同数据的客户端结构的 JavaScript 代码:

string strJS = string.Format("var arrColors = {{{0}}}; ",
    string.Join(", ", Enum.GetNames(typeof(Colors)).ToList().ConvertAll(key =>
{
    return string.Format("{0}: {1}", key, (int)((Colors)Enum.Parse(typeof(Colors), key)));
}).ToArray()));
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "enum", strJS, true);

现在 arrColors 是 JS 变量，同时包含 enum 的键和值。

要使用它，例如有这样的代码:

<script type="text/javascript">
   function SelectionChanged(oDDL) {
      var selectedValue = oDDL.value;
      var enumValue = arrColors[selectedValue] || "N/A";
      alert("enum value for '" + selectedValue + "' is: " + enumValue);
   }
</script>

下拉菜单应该是这样的:

<select onchange="SelectionChanged(this);">
    <option>Select..</option>
    <option value="Yellow">Yellow</option>
    <option value="Green">Green</option>
</select>