1
필자는 텍스트 상자에 직원 이름을 얻는 중 자동 완성 텍스트 상자가 있습니다. 해당 직원 이름, 사진, 이름, ID, 연락처와 같은 특정 직원의 세부 정보를 클릭하면 이러한 종류의 세부 정보가 상자 컨테이너로 추가되어야합니다 (스택 오버 플로우의 태그 상자와 동일). 예를 들어 직원의 이름 그들을 내가이 작업을 수행 할 수있는 방법, 기록의 대부분은 그 텍스트 상자 아래에 추가되어야 함을, 클릭, 그리고 어떤 도구 나는 누군가가 당신이 오전을 볼 수 있습니다 여기에 나에게jquery를 사용하여 더 많은 레코드 추가하기
function searchEmployees() {
$("#txtEmployee").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
url: "/DataService.asmx/SearchEmployees",
contentType: "application/json; charset=utf-8",
data: "{'searchTerm' : '" + $("#txtEmployee").val() + "'}",
dataType: "json",
success: function (data) {
var s = jQuery.parseJSON(data.d);
var i = 0;
var css = "";
if (s != null) {
response($.map(s, function (item) {
i++;
if (i == s.length) {
css = "autocompletetablenoborder";
}
else {
css = "autocompletetable";
}
return {
label: "<table class='" + css + "'><tr><td rowspan='4' width='50px;'><img src='" + item.Photo + "' Width='48' Height='48' /></td><td>" + item.Name + " (" + item.USN + ")</td></tr><tr><td><table cellpadding='0' cellspacing='0'><tr><td>" + item.Email + "</td><td> | </td><td>" + item.Mobile + "</td></tr></table></td></tr></table></td></tr></table>",
name: item.Name
}
}));
}
else {
return null;
}
},
error: function (req, status, error) {
alert("ERROR:" + error.toString() + " " + status + " " + req);
}
});
},
minLength: 1,
select: function (event, ui) {
$("#Employee").val(ui.item.name);
return false;
}
});
} 도움이 사용해야 우리는 자동 완성 목록에서 특정 직원을 선택한 후에 직원 이름을 추가하려고 시도합니다 (실제로 직원 이미지를 표시하고 연락처 번호를 필요로하지 않습니다.하지만 평가판은 이름 만 바인딩하려고합니다). 작동하지 않는 경우 누구든지 문제를 알 수 있습니다.
어떻게 진행하는 나는 몰라 –
당신의 시도를 게시 할 경우 우리는 당신을 도울 수 – shanish