jQuery MiniUI

标题: AutoComplete控件能扩展吗？ [打印本页]

作者: olylai 时间: 2012-4-18 11:18:02 标题: AutoComplete控件能扩展吗？

AutoComplete控件能扩展吗？

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

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

作者: fcrong 时间: 2012-4-18 12:52:43

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

作者: olylai 时间: 2012-4-18 13:47:04

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

作者: fcrong 时间: 2012-4-18 14:53:28

已经有了

作者: fcrong 时间: 2012-4-18 15:12:57

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

复制代码

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

作者: olylai 时间: 2012-4-18 22:08:07

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

作者: fcrong 时间: 2012-4-18 22:52:22

在valuechanged事件，处理

作者: olylai 时间: 2012-4-19 08:47:55

本帖最后由 olylai 于 2012-4-19 08:49 编辑

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

作者: fcrong 时间: 2012-4-19 08:59:24

明白了，我们会扩展的。

作者: fcrong 时间: 2012-4-22 11:26:28

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

复制代码

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

作者: olylai 时间: 2012-4-23 13:24:06

本帖最后由 olylai 于 2012-4-23 13:29 编辑

为什么我按照示例这样写了，
function onValueChanged(e)
{
   alert(e);  //输出是个[object object]
      var item = e.selected;
   alert(item);  //输入却是未定义的呢。

是不是框架文件未更新？

作者: fcrong 时间: 2012-4-23 16:46:31

你下载最新的版本。
然后看示例。

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)