使用javascript的Ajax AutoCompleteExtender

Question

我不得不在web表单中多次使用Ajax AutoCompleteExtender，我试图根据其内容宽度来设置AutoCompleteExtender列表的宽度。

 function onListPopulated() {
var completionList = $find("AutoCompleteEx").get_completionList();
completionList.style.width = 'auto';
}

此方法适用于一个方法，但当我尝试使用相同的函数n在behaviorID中传递AutoCompleteExtender ID，以便只有一个方法用于所有AutoCompleteExtenders时，什么也没有发生。我尝试将ID作为参数传递，但没有成功。也许我遗漏了一些东西。

提前谢谢。

Answer 1

我的问题是用下面的代码解决的

//In the AutoCompleteExtender 
OnClientPopulated="onListPopulated"

//and javascript 
 function onListPopulated(sender, e) {
     var completionList = sender.get_completionList();
      completionList.style.width = 'auto';
 }

Answer 2

如果你像这样构造这个方法：

function onListPopulated(id) {
  var completionList = $find(id).get_completionList();
  completionList.style.width = 'auto';
}

这是正确的；请确保传入的ID是这样的：

onListPopulated("<%= AutoCompleteEx.ClientID %>");

使用ClientID可确保使用正确的ID。