У меня есть следующий rowTemplate для моей сетки кендо:
<script id="gridTemplate" type="text/x-kendo-template">
<tr data-uid="#= uid #">
<td>
<input type="color" kendo-color-picker k-palette="controller.colors" value="'#=color#'" on-change="controller.changeColor()" />
</td>
</tr>
Моя проблема в том, что я хочу установить значение выбора цвета из свойства dataItem.color
. С синтаксисом выше я получаю следующее сообщение: The specified value "'#0000ff'" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
The specified value "'#0000ff'" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
Если я изменю его на value="#=color#"
(без одинарных кавычек), я получаю:
Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 0- 0 [#] in expression [#00ff00].
http://errors.angularjs.org/1.4.0/$parse/lexerr?p0=Unexpected%20next%20character%20&p1=s%200-0%20%5B%23%5D&p2=%2300ff00
Cause: <input type="color" kendo-color-picker="" k-palette="trend.colors" value="#00ff00" on-change="trend.changeColor()">
{anonymous}()@columns 0-0 [#] in expression [#00ff00].
{anonymous}() (http://errors.angularjs.org/1.4.0/)$parse/lexerr?p0=Unexpected%20next%20character%20&p1=s%200-0%20%5B%23%5D&p2=%2300ff00
Я попытался переместить шаблон в угловом коде и использовать function(dataItem)
но привел к тем же ошибкам. Любая помощь будет высоко ценится.
При попытке установить поле "Значение" я получал ту же ошибку. Вместо этого я попытался установить свойство view model/$ scope, которое представляет цветовую палитру.
Управление цветом Kendo Color Picker
<input kendo-color-picker ng-model="dashboardBuilder.templateOptions.titleBackgroundColor" k-palette="'websafe'" k-preview="false" k-input="true" k-opacity="true"/>
В событии загрузки контроллера задано свойство цветовой палитры
vm.templateOptions = {
titleBackgroundColor: '#000000'
};
Это по умолчанию ваш выборщик по вашему выбору.