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

Question

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

<xp:inputText id="inputText1" type="color"></xp:inputText>

然而，我想有一个输入栏，只有有限的颜色选项(6-10)。有没有提供这个功能的XPage控件？

Answer 1

我的解决方案是用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();