Dropdown的星级评定

Question

我想在XPage的下拉列表中做一个简单的星级评分。代码页或类似的东西似乎有问题。在Designer中，一切看起来都不错（除了星星在设计师中是黑白）但我得到了??在下拉列表中。如果我做的事情完全不正确，我不介意使用别的东西（例如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中，无法引用图片。

  

项目标签（itemLabel）指定为选择显示的文本   项目给用户

您可以尝试将背景图片添加到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核心控件......