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

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

启用颜色拾取器>>>示例代码

配置颜色拾取器

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

HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用  (图1)

获得一个简单的颜色拾取器>>> 示例代码

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

HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用  (图2)

获得“web-safe”颜色板>>>示例代码

通过上面的代码将会得到如下图所示的一个有着216中颜色的“web-safe”面板。
HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用  (图3)

对简单的拾取器自定义颜色>>> 示例代码

你可能感兴趣的:(UI,Web,Kendo,颜色拾取器)