下拉列表中的星级

Question

我想在 XPage 的下拉菜单中进行简单的星级评定。代码页或类似问题似乎有问题。在 Designer 中一切看起来都不错（除了星星在 Designer 中是 b/w）但是我得到了 ??在下拉列表中。如果我完全错误地做事，我不介意使用其他东西（例如 ExtLib）

这是代码

<xp:comboBox id="comboBox1" value="#{viewScope.mon_bewertung}"> 
   <xp:selectItem itemLabel=" " itemValue="0"></xp:selectItem>
   <xp:selectItem itemLabel="1 " itemValue="1"></xp:selectItem> 
   <xp:selectItem itemLabel="2 " itemValue="2"></xp:selectItem> 
   <xp:selectItem itemLabel="3 " itemValue="3"></xp:selectItem> 
   <xp:selectItem itemLabel="4 " itemValue="4"></xp:selectItem> 
   <xp:selectItem itemLabel="5 " itemValue="5"></xp:selectItem> 
</xp:comboBox>

提前致谢熊属

Answer 1

在 xp:selectItem 中无法引用图像。

Item Label ‏(itemLabel) Specifies the text displayed for the selection item to the user

您可以尝试将背景图片添加到上述 xp:comboBox 选择列表中：

How to add a images in select list

另一种选择是尝试类似于以下示例的操作：

http://plugins.krajee.com/star-rating-demo-theme-fa

<input id="input-1-ltr-star-xs" name="input-1-ltr-star-xs" class="kv-ltr-theme-fa-star rating-loading" value="1" dir="ltr" data-size="xs">
<br/>
<input id="input-2-ltr-star-sm" name="input-2-ltr-star-sm" class="kv-ltr-theme-fa-star rating-loading" value="2" dir="ltr" data-size="sm">
<br/>
<input id="input-3-ltr-star-md" name="input-3-ltr-star-md" class="kv-ltr-theme-fa-star rating-loading" value="3" dir="ltr" data-size="md">
<br/>
<input id="input-4-ltr-star-lg" name="input-4-ltr-star-lg" class="kv-ltr-theme-fa-star rating-loading" value="4" dir="ltr" data-size="lg">
<br/>
<input id="input-5-ltr-star-xl" name="input-5-ltr-star-xl" class="kv-ltr-theme-fa-star rating-loading" value="5" dir="ltr" data-size="xl">
<br/>

<script>
$(document).on('ready', function(){
    $('.kv-ltr-theme-fa-star').rating({
        hoverOnClear: false,
        theme: 'krajee-fa'
    });
});
</script>

为了实现上述示例，您可以使用例如xpages xp:inputText 核心控件...

下拉列表中的星级

Star rating in Dropdown

twitter-bootstrap

xpages

xpages-ssjs