2016-08-17 65 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」,它應該工作。

希望這可以幫助