如何创建选项有限的颜色选择器调色板？

问题描述

我想在XPage上使用颜色选择器，但选项有限。到目前为止，我发现可以使用以下代码创建颜色选择器：

desc

但是我想有一个只有有限颜色选项（6-10）的输入字段。有提供此功能的XPage控件吗？

解决方法

我的解决方案是使用type="color"创建一个inputText。此外，我添加了一些默认颜色：

var optionList = ["#ffffff","#FFBC00"];

function fillDataList() {
    var container = document.getElementById("#{id:colorPicker}"),i = 0,len = optionList.length,dl = document.createElement('datalist');
    container.setAttribute('list','dlColors'); 
    dl.id = 'dlColors';
    for (; i < len; i += 1) {
        var option = document.createElement('option');
        option.value = optionList[i];
        dl.appendChild(option);
    }
    container.appendChild(dl);
}
fillDataList();