如何使sj自动完成器的显示值和选择值与selectbox不同?

时间:2012-07-30 06:54:54

标签: jquery autocomplete jquery-autocomplete jquery-ui-autocomplete

我们正在使用Sj:Autocompleter标签(使用selectbox = true)。在这里,我们必须在列出的数据(显示文本)中显示不同的值,当用户点击其中任何一个时,应在自动填充文本框中填充所选数据的值。

我们怎样才能使用带有selectbox = true的sj:autocompleter?

示例:

以下是autocomplater

中列出的数据(ListValues)
    "Apple - Known for it's innovative Design"       
    "MicroSoft - Known for it's usability    "       
    "Intel - Known for it's processors       "       

当我选择这些文本中的任何一个时,我们只想在sj:autocompleter文本中填充“Apple”或“Microsoft”或“Intel”。我们将这些文本保留为listKeys。

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

如果是这样,任何人都可以告诉我如何实现它?

1 个答案:

答案 0 :(得分:0)

我们能够通过订阅onSelectTopics,拦截它并超越价值来实现它。

步骤1:订阅sj:on框的onSelectTopics 第2步:编写将在onSelectTopics期间调用的javascript函数 第3步:设置data.item.value ='melon';

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