如何使sj autocompleter的显示值和选定值与选择框不同？

Question

我们使用Sj：Autocompleter标签（selectbox = true）。在这里，我们必须在列出的数据（显示文本）中显示不同的值，并且当用户点击其中任何一个时，所选数据的值应该填充到自动完成文本框中。

我们如何使用sj：autocompleter with selectbox = true来实现？

例子：

下面将从autocomplater

"Apple - Known for it's innovative Design"  
    "MicroSoft - Known for it's usability "  
    "Intel - Known for it's processors  "  

列出的数据（ListValues）当我选择这些文字，我们只想要“苹果”或“微软”和“英特尔“填充在sj：autocompleter文本中。我们将这些文字保存为列表键。

打开选择列表值我想在选择框中显示列表键。

如果是的话，任何人都可以告诉我如何实现？

Answer 1

我们可以通过订阅onSelectTopics来拦截它并取消该值。

步骤1：订阅Sj的onSelectTopics：选择框
第2步：写这将onSelectTopics
期间被调用 第3步的JavaScript功能：设定data.item.value = '瓜';

<sj:select 
        name="fruitFamily" 
        href="%{fruitFamilyList}" 
        formIds="mainform" 
        list="fruitsList" 
        listKey="fruitFamily" 
        listValue="fruitFamily" 
        parentTheme="simple" 
        autocomplete="true" 
        selectBoxIcon="true" 
        cssClass="selectBox" 
        loadingText="user defined loading...." 
        onSelectTopics="check"/> 

$.subscribe('check', function(event,data) 
{ 
    data.item.value='melon'; 
    });