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

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();

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

How to create a color picker (palette) with limited options?

javascript

xpages