क्या एएसपीनेट ऑटो पूर्ण ड्रॉपडाउनलिस्ट के लिए कोई नियंत्रण या jQuery प्लगइन मौजूद है? यदि हां कृपया यहां एक नमूना लिंक करें। मैं उपयोग asp.net ajax नियंत्रण टूलकिटएएसपी.नेट ऑटो पूर्ण ड्रॉपडाउनलिस्ट
6
A
उत्तर
1
मैं नहीं जानता कि नहीं चाहते हैं तो यह आपके लिए क्या देख रहे हैं लेकिन वहाँ यहाँ एक अच्छा फेसबुक की तरह टाइप-आगे सूची है:
https://github.com/emposha/FCBKcomplete
यह एक jQuery प्लगइन है, और आपके द्वारा टाइप की जाने वाली सूची के लिए आइटम लोड करने के लिए वेब सेवा को कॉल करने के लिए AJAX का उपयोग करता है, और वेब सेवा कॉल पर सहेजने के साथ-साथ कुछ स्मार्ट कैशिंग लागू करता है। जैसे मैंने कहा, शायद आप जो भी खोज रहे हैं वह ठीक न हो, लेकिन कम से कम एक नज़र के लायक है।
भी jQuery स्वत: पूर्ण जांचें।
1
jQuery स्वत: पूर्ण DropDownList
0
//just put this script in your page and call the class combobox2 in your dropdownlist
<script type="text/javascript">
(function ($) {
$.widget("custom.combobox2", {
_create: function() {
this.wrapper = $("<span>")
.addClass("custom-combobox2")
.insertAfter(this.element);
this.element.hide();
this._createAutocomplete();
this._createShowAllButton();
},
_createAutocomplete: function() {
var selected = this.element.children(":selected"),
value = selected.val() ? selected.text() : "";
this.input = $("<input style='width:auto;'>")
.appendTo(this.wrapper)
.val(value)
.attr("title", "")
.addClass("custom-combobox2-input ui-widget ui-widget-content ui-state-default ui-corner-left")
.autocomplete({
delay: 0,
minLength: 0,
source: $.proxy(this, "_source")
})
.tooltip({
tooltipClass: "ui-state-highlight"
});
this._on(this.input, {
autocompleteselect: function (event, ui) {
ui.item.option.selected = true;
this._trigger("select", event, {
item: ui.item.option
});
},
autocompletechange: "_removeIfInvalid"
});
},
_createShowAllButton: function() {
var input = this.input,
wasOpen = false;
$("<a>")
.attr("tabIndex", -1)
.attr("title", "Show All Items")
.appendTo(this.wrapper)
.button({
icons: {
primary: "ui-icon-triangle-1-s"
},
text: false
})
.removeClass("ui-corner-all")
.addClass("custom-combobox2-toggle ui-corner-right")
.mousedown(function() {
wasOpen = input.autocomplete("widget").is(":visible");
})
.click(function() {
input.focus();
// Close if already visible
if (wasOpen) {
return;
}
// Pass empty string as value to search for, displaying all results
input.autocomplete("search", "");
});
},
_source: function (request, response) {
var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
response(this.element.children("option").map(function() {
var text = $(this).text();
if (this.value && (!request.term || matcher.test(text)))
return {
label: text,
value: text,
option: this
};
}));
},
_removeIfInvalid: function (event, ui) {
// Selected an item, nothing to do
if (ui.item) {
return;
}
// Search for a match (case-insensitive)
var value = this.input.val(),
valueLowerCase = value.toLowerCase(),
valid = false;
this.element.children("option").each(function() {
if ($(this).text().toLowerCase() === valueLowerCase) {
this.selected = valid = true;
return false;
}
});
// Found a match, nothing to do
if (valid) {
return;
}
// Remove invalid value
this.input
.val("")
.attr("title", value + " didn't match any item")
.tooltip("open");
this.element.val("");
this._delay(function() {
this.input.tooltip("close").attr("title", "");
}, 2500);
this.input.data("ui-autocomplete").term = "";
},
_destroy: function() {
this.wrapper.remove();
this.element.show();
}
});
})(jQuery);
$(function() {
$(".combobox2").combobox2();
$(".combobox2").combobox2({
select: function (event, ui) {
var f = document.getElementById("<%=form1.ClientID%>");
f.submit();
}
});
});
</script>
<asp:DropDownList ID="DDL_Groups4_Assign" runat="server" AppendDataBoundItems="True" AutoPostBack="True" CausesValidation="True" OnSelectedIndexChanged="DDL_Groups4_Assign_SelectedIndexChanged" Width="250px" CssClass="combobox2">
<asp:ListItem Selected="True">Select</asp:ListItem>
</asp:DropDownList>
संबंधित मुद्दे
- 1. एएसपी.नेट संपादक टेम्पलेट ड्रॉपडाउनलिस्ट
- 2. पॉपुलटिंग एएसपी.नेट एमवीसी ड्रॉपडाउनलिस्ट
- 3. एएसपी.नेट एमवीसी 2 ड्रॉपडाउनलिस्ट
- 4. एएसपी.नेट एमवीसी ड्रॉपडाउनलिस्ट मॉडल
- 5. एएसपी.नेट एमवीसी 3 रेजर - ऑटो-पूर्ण ट्यूटोरियल?
- 6. एएसपी.नेट एमवीसी ड्रॉपडाउनलिस्ट डेटा बाइंडिंग
- 7. एएसपी.नेट एमवीसी 3 में ड्रॉपडाउनलिस्ट
- 8. कॉमा अलग ऑटो पूर्ण jquery ऑटो पूर्ण
- 9. ड्रॉपडाउनलिस्ट नियंत्रण कैसे बनाएं बोल्ड एएसपी.नेट
- 10. एएसपी.नेट एमवीसी ड्रॉपडाउनलिस्ट चयनित मूल्य समस्या
- 11. एएसपी.नेट एमवीसी - आम तौर पर प्रयुक्त ड्रॉपडाउनलिस्ट
- 12. PyCharm ऑटो स्वत: पूर्ण
- 13. विम सी ++ ऑटो पूर्ण
- 14. यूआईटीएक्स्टव्यू ऑटो-पूर्ण
- 15. Emacs ऑटो-पूर्ण
- 16. डेल्फी 7 ऑटो पूर्ण
- 17. रिशेर्पर ऑटो पूर्ण विवरण
- 18. यूट्यूब एपीआई खोज ऑटो-पूर्ण
- 19. AutoCompleteTextView ऑटो पूर्ण सुझाव छुपाएं
- 20. एएसपी.नेट - ट्रस्ट स्तर = पूर्ण?
- 21. एएसपी.नेट एमवीसी - ड्रॉपडाउनलिस्ट बदलते समय आंशिक दृश्य रीफ्रेश करें
- 22. विकल्प का चयन करें ड्रॉपडाउनलिस्ट सी # एएसपी.नेट फायर इवेंट
- 23. एएसपी ड्रॉपडाउनलिस्ट
- 24. jQuery स्वत: पूर्ण और एएसपी.नेट
- 25. एएसपी.नेट एमवीसी AsyncController xxx पूर्ण
- 26. Emacs, ऑटो पूर्ण मोड, सीएसएस, दर्द। (सचित्र!)
- 27. ग्रोवी के लिए Emacs ऑटो-पूर्ण मोड?
- 28. स्टार्टअप पर Emacs ऑटो-पूर्ण-मोड
- 29. जेडएसएच ऑटो-पूर्ण स्क्रू अप कमांड नाम
- 30. jQuery/AJAX टाइप-आगे/ऑटो-पूर्ण
साथ काम कर सकते लेकिन मैं कैसे asp.net DropDownList साथ jQuery के यूआई स्वत: पूर्ण उपयोग कर सकते हैं? – Shahin
अच्छी तरह से, आप वास्तव में इस मामले में एएसपीनेट ड्रॉपडाउन सूची का उपयोग नहीं करना चाहेंगे। आप jquery स्वत: पूर्ण का उपयोग करना चाहते हैं, और अपनी ड्रॉप डाउन सूची के संभावित मानों के साथ सूची को पॉप्युलेट करना चाहते हैं। ड्रॉप डाउन सूची के स्थान पर, आप एक आईडी और runat = 'server' निर्दिष्ट इनपुट के साथ इनपुट डाल देंगे, फिर पृष्ठ पोस्ट होने पर सर्वर की तरफ उस मान को चेक करें। –
जो बहुत स्पष्ट नहीं हो सकता है। यहां देखें: http://jqueryui.com/demos/autocomplete/ और उदाहरण कोड देखने के लिए स्रोत देखना सुनिश्चित करें। उस स्रोत को पढ़कर चीजें आपको और स्पष्ट होनी चाहिए। –