AutoComplete控件能扩展吗？

olylai

AutoComplete控件能扩展吗？

输入内容搜索后，出现记录的多外字段，除填充自身input控件，还需要填充指定的input按件不同的字段数据。

单位名称：?  AutoComplete  填充字段0
联系人：?    填充字段1
联系电话：?  填充字段2
联系地址：?  填充字段3

fcrong

可以的。
我们下面可以做一个autocomplete的多列下拉显示。

olylai

有已经有了？还是需要自己做？

fcrong

已经有了

fcrong

1.     <div class="mini-autocomplete" style="width:250px;"  popupWidth="400" textField="text" valueField="id"
   
2.         url="../data/DataService.aspx?method=FilterCountrys2" value="cn" text="中国"  >     
   
3.         <div property="columns">
   
4.             <div header="ID" field="id" width="30"></div>
   
5.             <div header="国家" field="text"></div>
   
6.         </div>
   
7.     </div>

复制代码

这样写就能支持多列的autocomplete了。
下周会把示例也加上。

olylai

选择的数据能直接填充其他input控件吗？

fcrong

在valuechanged事件，处理

olylai

function onvaluechanged(e)
    {
        alert(e.value);
        //只能获取输入框中选择的文字信息吗？除了填充这个输入框外，还能同时填充其他字段到input控件吗？
        //同时填充多个input控件，填充内容为不同字段。
    }

fcrong

明白了，我们会扩展的。

fcrong

1.         function onValueChanged(e) {
   
2.             var item = e.selected;
   
3.             if (item) {
   
4.                 alert(item.id + ":" + item.text);   //获取选中行更多属性
   
5.             }
   
6.         }

复制代码

在valuechanged事件中，获取e.selected，就能访问更多属性，填充到其他控件。
参考示例：http://www.miniui.com/demo/#src=autocomplete/autocomplete.html