2016-08-17 70 views
0

我正在尝试使用具有自定义调色板和瓷砖大小的Kendo-UI颜色选择器。我正在使用MVVM模式,所以我正在使用声明性初始化。然而,我不能让瓷砖尺寸变成默认的14 x 14平方。无法在KendoUI拾色器中获取数据 - 瓷砖大小

我最初认为这是我自己的项目中特定的东西,但我之后在他们的道场操场上使用了来自Kendo文档的示例,并且我也无法使其在那里工作。这是我自己的代码修改,试图纳入自定义面板和瓷砖尺寸:

<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)起初我想知道是否只有colorpalette而不是colorpicker具有tile size属性,但文档中另有建议。然后我用一个不同的dojo来确认colorpicker可以有不同的tile大小,尽管这是jQuery初始化,而不是用于MVVM的声明式样式。 (2)我从公司的博客中找到一个例子,确认data-tile-size是数据属性的正确形式(至少对于colorpalette应该是相同的)。 (3)我尝试使用其他属性,如data-palette之后的数据调色板,而不是有一个微妙的格式错误,防止其他属性被解析。他们按预期工作。 (4)我试过只用了30而不是对象表示,因为我希望它是正方形,而且没有帮助。 (5)虽然我非常确定它不会帮助,但我尝试用JSON字符串格式格式化对象,并用引号围绕属性名称。我是对的;它没有帮助。

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

回答

0

瓷砖widht &高度设定.K-colorpalette .K项CSS类

.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

+0

这样做。谢谢一堆! – DLH

0

瓦片大小永远只能当一个使用了一个该剑术色调色板的

有迹象表明,确定颜色选择器即会3个主要属性使用被称为Kendo UI。 剑道色板就是其中之一。如果您使用kendo颜色选择器kendo平面颜色选择器瓷砖尺寸将无法正常工作,因为它们不是palatte风格。

在您发布的代码片段中,您有data-role =“colorpicker”,我假设它是属性kendo-color-picker的MVVM equivelant,因此只需将其更改为调色板一。例如:data-role =“color-palette”,它应该工作。

希望这可以帮助