Wie fülle ich Daten im Textfeld für die automatische Vervollständigung auf, wenn ich auf eine Schaltfläche klicke?
Ich habe ein Textfeld mit der Funktion jquery autocomplete. Es füllt Daten basierend auf einer Bedingung auf, wenn '/' und dann ein Zeichen eingegeben werden. Ich möchte jedoch alle Daten in der Autocomplete-Liste auffüllen, wenn auf eine Schaltfläche geklickt wird, unabhängig davon, um welche Daten es sich handelt dort in der Textbox.
Mein Knopf:
<asp:Button ID="Button2" runat="server" Text="Button" />
Und meine Autovervollständigungsfunktion mit der Bedingung zum Auffüllen von Daten lautet:
<script type="text/javascript">
function pageLoad(sender, args) {
$(function () {
$("#<%=txtCu.ClientID %>").autocomplete({
source: function (request, response) {
if(request.term.indexOf("/") == (request.term.length-1) && enterFlag)
{
var term = request.term.slice(0,-1)
$.ajax({
url: '<%=ResolveUrl("~/Webservice.asmx/GetCus") %>',
data: "{ 'prefix': '" + term + "'}",
dataType: "json",
type: "POST",
async: false,
mustMatch: true,
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('^')[0],
val: item.split('^')[1]
}
}))
},
error: function (response) {
},
failure: function (response) {
}
});
};
},
select: function (e, i) {
$("#<%=hdnCr.ClientID %>").val(i.item.val);
if (i.item.val == "No Records Found") {
$("#<%=hdnCr.ClientID %>").val(-1);
document.getElementById('<%=txtCu.ClientID%>').value = "";
return false;
}
checkddlcustomerinfo();
},
minLength: 0
}).bind('focus', function () { $(this).autocomplete("search"); })
.data("autocomplete")._renderItem = function (ul, item) {
return $("<li></li>").data("item.autocomplete", item).append("<div><table><tr><td width='200px'>" + item.label + "</td>" + "<td width='110px'>" + item.val.split('~')[6] + "</td>" + "<td>" + item.val.split('~')[4] + "</td></tr></table></div>").appendTo(ul);
};
});
}