jQuery स्वत: पूर्ण कठिनाई

Question

का उपयोग कर रहा jQuery स्वत: पूर्ण का उपयोग कर, लेकिन होने कठिनाई पाठ बॉक्स

मेरे मॉडल इस प्रकार है में स्वत: पूर्ण लोड करने के लिए कर रहा हूँ:

Users = new List<string>(); 
foreach (var item in User.LoadSortedByName()) 
{ 
    Users.Add(item.Name+"\n"); 
} 

दृश्य:

<p>@Html.TextBox("user", "") 
$(function() { 
      $("input#user").autocomplete('@Model.Users'); 
}); 

---

अद्यतन - सरलीकृत अटैचमेंट और अभी भी काम नहीं कर रहा है

_layout

<script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script> 

View 


    <p><input type="text" id="tags" /></p> 

<script type="text/javascript"> 
    $(function() { 
      var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC", 
      "C", 
      "C++", 
      "Clojure", 
      "COBOL", 
      "ColdFusion", 
      "Erlang", 
      "Fortran", 
      "Groovy", 
      "Haskell", 
      "Java", 
      "JavaScript", 
      "Lisp", 
      "Perl", 
      "PHP", 
      "Python", 
      "Ruby", 
      "Scala", 
      "Scheme" 
     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 


    }); 

Answer 1

आपको वास्तव में अपने टेक्स्ट बॉक्स में स्वत: पूर्ण व्यवहार संलग्न करना चाहिए।

यह कहा गया है कि, यदि आप मुझसे पूछें तो jQuery लाइब्रेरी में स्वत: पूर्ण संस्करण पूरी तरह से सरल नहीं है।

$("input#user").autocomplete({ 
    source: function (request, response) { 
     // define a function to call your Action (assuming UserController) 
     $.ajax({ 
      url: '/user/GetUsers', type: "POST", dataType: "json", 

      // query will be the param used by your action method 
      data: { query: request.term }, 
      success: function (data) { 
       response($.map(data, function (item) { 
        return { label: item, value: item }; 
       })) 
      } 
     }) 
    }, 
    minLength: 1, // require at least one character from the user 
}); 

अपने नियंत्रक में, निम्न कार्रवाई

public ActionResult GetUsers(string query) 
{ 
    var users = (from u in User.LoadSortedByName() 
       where u.Name.StartsWith(query) 
       orderby u.Name // optional but it'll look nicer 
       select u.Name).Distinct().ToArray(); 

    return Json(users); 
} 

इस कार्यान्वयन अपने पाठ बॉक्स पर एक से अधिक मान अनुमति नहीं दी जाएगी निर्धारित करें; कैसे है कि जाँच jQuery autocomplete examples

अद्यतन अंतिम प्रस्ताव

के आधार पर सुनिश्चित करें कि आप jQuery यूआई कोर के लिए एक संदर्भ किया है करने के लिए पर उदाहरण के लिए।

माइक्रोसॉफ्ट CDN से:

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>` 

गूगल CDN से:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script> 

या यह अपने आप official jQuery UI Page

Answer 2

मैं आपको लगता है नहीं है "पाठ बॉक्स में लोड" लेकिन अधिक पाठ बॉक्स "करने के लिए स्वत: पूर्ण देते हैं"। स्वत: पूर्ण करने के लिए "उत्तर" के लिए एक जावास्क्रिप्ट सरणी बनाने का प्रयास करें।

यह जानने में भी मदद करेगा कि आप jQuery UI या स्वत: पूर्ण के पुराने प्लगइन संस्करण का उपयोग करते हैं या नहीं।

Answer 3

मैं प्लगइन के रूप में एक एचटीएमएल विस्तार विकसित से डाउनलोड, jquery ui स्वत: पूर्ण लेकिन एक बहुत ही सरल और गतिशील में उपयोग करने के लिए। वाक्य रचना इस यहाँ

 $@Html.AutoCompleteFor(model => model.Id, x => x.Code , "List") 

मैं सभी स्रोत कोड उपलब्ध (सुझाव का स्वागत है) और एक ज़िप फ़ाइल के लिए सभी आवश्यक फ़ाइलों को छोड़ दिया की तरह कुछ था। उम्मीद है कि मदद करता है!

परियोजना यूआरएल http://autocompletemvc.codeplex.com/releases/view/70140

बिन फ़ाइलें http://autocompletemvc.codeplex.com/releases/70140/download/259741