Question

我正在尝试使用带有自定义调色板和平铺尺寸的Kendo-UI颜色选择器。我正在使用MVVM模式，所以我使用声明性初始化。但是，我无法将平铺尺寸设置为默认的14 x 14平方。

我最初认为这是我自己的项目中特有的东西，但我在他们的dojo游乐场中使用了剑道博士的一个例子，我也无法在那里工作。以下是我对其代码的修改，以尝试合并自定义调色板和切片大小：

<input data-role="colorpicker"
       data-bind="visible: isVisible,
                  enabled: isEnabled,
                  value: selectedColor,
                  events: { change: onChange }"
       data-palette="['#f00', '#0f0', '#00f']" 
       data-tile-size="{ width: 30, height: 30 }">

链接到道场：http://dojo.telerik.com/uTUxU/3

我已经想到的事情：

（1）我一开始想知道只有颜色标签而不是颜色标签具有图块尺寸属性，但文档建议不然。然后我用不同的dojo确认了一个颜色选择器可以有不同的tile大小，尽管这是jQuery初始化而不是用于MVVM的声明式样式。

（2）我在公司的博客中找到了一个例子，确认数据瓦片大小是数据属性的正确形式（至少对于颜色选择，应该是相同的）。

（3）我尝试在数据调色板之后使用其他属性（如数据列），而是存在一个微妙的格式错误，导致无法解析其他属性。他们按预期工作。

（4）我尝试使用30而不是对象表示，因为我希望它无论如何都是正方形的，这并没有帮助。

（5）尽管我很确定它不会有帮助，但我尝试使用属性名称周围的引号格式化JSON字符串格式的对象。我是正确的;它没有帮助。

所以现在我很难过，而且我不确定是否真的有一个非常微妙的问题，或者我是否犯了一个愚蠢的剑道新手错误。提前感谢您提供的任何见解。

Answer 1

Tiles widht＆amp;高度设置为.k-colorpalette .k-item css class

.k-colorpalette .k-item {
    width: 14px;
    height: 14px;
    overflow: hidden;
    -ms-high-contrast-adjust: none;
}

你可以覆盖它。

 .k-colorpalette .k-item {
        width: 30px;
        height: 30px;
        overflow: hidden;
        -ms-high-contrast-adjust: none;
    }

http://dojo.telerik.com/uTUxU/7

Answer 2

只有在使用 kendo-color-palette

时，才能使用图块大小

有3个主要属性决定了将为Kendo UI设置样式的颜色选择器。 kendo-color-palette 就是其中之一。如果您使用 kendo-colorpicker 或 kendo-flat-color-picker ，则瓷砖尺寸将无法正常工作，因为它们不是palatte样式。

在您发布的代码段中，您有 data-role =＆＃34; colorpicker＆＃34; ，我认为它是属性kendo-color-picker的MVVM equivelant，所以只需将其更改为调色板一。例如：data-role =＆＃34; color-palette＆＃34;它应该工作。

希望这有帮助

无法使数据磁贴大小在KendoUI颜色选择器中工作

2 个答案: