javascript - 剑道颜色选择器值未定义

Question

我的视图中有一个kendo-colorpicker，并且尝试将选择的颜色重定向到我的控制器。但是，我似乎尝试的所有操作均导致未定义'var color'。到控制器的连接正常（硬编码颜色成功通过）。

  @(Html.Kendo().ColorPicker()
     .Name("headercolor")
     .Value(@Configuration["Variables:HeaderColor"].ToString())
   )

当前的JavaScript：

   function Save()
    {            
        var colorpicker = $("#headercolor").data("kendoColorPicker");
        var color = colorpicker.value();  // this var is undefined

        location = "@Url.Action("SaveHeaderColor", "Manage")" +"?color="+ color;
    }

我还尝试了以前的MVC项目中的colorpicker脚本。这适用于旧项目，但不适用于我的新ASP.net核心项目。

旧的mvc Javascript：

$("#save").click(function () {
  var colorpicker = $("#headercolor").data("kendoColorPicker");
  var color = colorpicker.value();

  location = "@Url.Action("SaveLogoColor", "Settings")" + "?color=" + color;
});

Answer 1

如果您想获取ColorPicker的选定颜色（值），然后将其传递给控制器​​操作，则可以尝试以下解决方法。

订阅ColorPicker select事件

.Events(events => events.Select("pickerselect")

将选择的颜色保存在选择器功能的隐藏字段中

function pickerselect(e) {
    var selected_color = e.value;

    //save it in a hidden field
    $("#hidden_field_id_here").val(selected_color);
}

然后，您可以在 Save函数中从隐藏的字段中获取选定的颜色（而不是获取其客户端实例）

function Save() {
    var color = $("#selectedcolor").val();

    //your code logic here
}