如何使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'; 
    });