Question

我正在使用Ajax Autocomplete来查找学生姓名并返回学生ID。我的更新面板如下所示：

<asp:UpdatePanel ID="StudentSearchUpdatePanel" runat="server">
    <ContentTemplate>
        <dl>
            <dt>Enter student ID:</dt>
            <dd>
                <asp:TextBox ID="StudentIDTextBox" runat="server" Wrap="False" MaxLength="6"></asp:TextBox>
                <asp:Button ID="SelectStudentIDButton" runat="server" Text="Select" OnClick="SelectStudentIDButton_Click"  />
                <asp:Label ID="StudentIDEntryError" runat="server" Visible="false" Font-Bold="True" ForeColor="Red" Text="Please enter a 6-digit student ID number."></asp:Label>
            </dd>
            <dt>Or, begin typing student last name:</dt>
            <dd><asp:TextBox ID="StudentNameSearchTextBox" runat="server"></asp:TextBox></dd>
        </dl>


        <ajaxToolkit:AutoCompleteExtender ID="StudentNameSearchTextBox_AutoCompleteExtender" runat="server"
            TargetControlID="StudentNameSearchTextBox" 
            ServiceMethod="GetStudents"
            OnClientPopulated="getStudents_Populated_Json"
            OnClientItemSelected="selected_Student" 
            MinimumPrefixLength="2" 
            CompletionSetCount="20" 
            UseContextKey="True" >
        </ajaxToolkit:AutoCompleteExtender>
    </ContentTemplate>
</asp:UpdatePanel>

GetStudents_Populated_Json看起来像这样：

    function getStudents_Populated_Json(sender, e) {
        var students = sender.get_completionList().childNodes;
        for (var i = 0; i < students.length; i++) {
        var student = eval('(' + students[i]._value + ')');
         students[i].innerHTML = student.LastName + ' ' + student.FirstName;
      }

最后，selected_student：

 function selected_Student(sender, e) {    
      var selectedStudent = eval("(" + e._value + ")");  
 }

在selected_student中，我想找到UpdatePanel（StudentSearchUpdatePanel）的ID，以便我可以依次找到“StudentIDTextBox”并将selectedStudent.ID放在StudentIDTextBox.innerHTML中。如何识别StudentIDTextBox并从selected_Student设置它的innerHTML？

（学生班级是ID，FirstName，LastName。我已经确认selectedStudent.ID给出了一个精确的id。）

由于

Answer 1

更简单的解决方案是，如果是第一个位置，可以轻松找到所需文本框的ID。

这样做的一种方法是在ClientIDMode="Static"上使用asp:TextBox。这将强制控制在客户端上具有与控件的服务器名称相同的id属性。这样，要在客户端上找到此控件（使用JS），您只需：

var myTextbox = document.getElementById('StudentNameSearchTextBox');
myTextbox.value = student.LastName + ' ' + student.FirstName;

希望有所帮助。

查找包含AutoCompleteExtender的UpdatePanel的ID

1 个答案: