在jQuery弹出对话框中的剑道颜色选择器

Question

我正在使用jQuery弹出对话框并在其中放置了一个Kendo颜色选择器。颜色选择器工作且可编辑，但文本输入不可选择或可编辑。这意味着我不能允许用户编辑十六进制值，这意味着他们只能选择使用色轮。

有什么想法吗？

@model string

@{
    var currentColor = "FFFFFF";
    if(Model != null){
        currentColor = Model;
    }
}

@(Html.Kendo().ColorPicker()
    .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(""))
    .Value(currentColor)
    .Buttons(true)
    .HtmlAttributes(new {
        id=ViewData.TemplateInfo.GetFullHtmlFieldId("")
    })
)

Answer 1

将模型中的字段声明为可编辑。

dataSource = new kendo.data.DataSource({
                            transport: {
                                read:  {
                                    url: crudServiceBaseUrl + "/Products",
                                    dataType: "json"
                                },
                                            parameterMap: function(options, operation) {
                                    if (operation !== "read" && options.models) {
                                        return {models: kendo.stringify(options.models)};
                                    }
                                }
                            },
                            batch: true,
                            pageSize: 20,
                            schema: {
                             model: {
                              id: "ColorId",
                              fields: {
                               field1: { editable: false },
                               field2: { editable: false },
                               Color: { editable: true }, 
                            }
                         }      
                 });