Kendo UI Web中颜色拾取器的使用-问问八

的有关信息介绍如下：

Kendo UI Web中颜色拾取器的使用

颜色拾取器ColorPicker是Kendo UI Web中的用于颜色选择的下拉组件，这个设计采用了一个友好的操作界面来替换一个HTML5 域，这个域在对于大多数的浏览器并不是都支持。如何用这个颜色拾取器呢，在下面的文章中将会具体的用示例进行说明：

启用颜色拾取器

可以调用kendoColorPicker来对它进行初始化：

$(document).ready(function(){

$("#myColorField").kendoColorPicker();

});

原来的元素将会被保存在DOM中，它的值也将会根据用户选择的颜色进行更新，因此定期的

-s会工作。

配置颜色拾取器

当你调用了kendoColorPicker时，你可以用配置选项传递一个参数。默认的下拉是一个HSV颜色选择器，界面效果如下：

获得一个简单的颜色拾取器

$(document).ready(function(){

$("#myColorField").kendoColorPicker({ palette: "basic" });

});

通过上面的代码，将会得到如下图的一个包含20中个颜色的拾取器：

获得“web-safe”颜色板

$(document).ready(function(){

$("#myColorField").kendoColorPicker({ palette: "websafe" });

});

通过上面的代码将会得到如下图所示的一个有着216中颜色的“web-safe”面板。

对简单的拾取器自定义颜色

你也可以让这个简单的拾取器来显示一个自定义多颜色的列表，只是需要将它们放入palette参数中就可以了，如下：

$(document).ready(function(){

$("#myColorField").kendoColorPicker({

palette: "#fff,#000,#f00"

});

通过上面的代码，将只是会显示白色、黑色、红色。要加入其它的颜色，可以用短整型（3位数）或是长整形（6位数）表示法输入你想要加入的颜色，并用逗号隔开就可以了，不过这个＃符号可能会缺失。