2011-01-12 9 views
12

के लिए स्रोत के रूप में वस्तुओं की एक सरणी का उपयोग कर सकते अगर मैं की तरहमैं कैसे jQuery यूआई स्वत: पूर्ण

var arrLinks = [ 
    { key: 1, url: "http://google.com" }, 
    { key: 2, url: "http://yahoo.com", title: "Yahoo" }, 
    { key: 2, url: "http://microsoft.com" } 
]; 

मैं स्वत: पूर्ण के लिए स्रोत के रूप में उपयोग कर सकते हैं वस्तुओं की एक सरणी है? मैं निम्नलिखित http://jqueryui.com/demos/autocomplete/#custom-data में लागू करने की कोशिश की लेकिन यह http://jsfiddle.net/mvNNj/

उत्तर

14

आप की जरूरत नहीं मिला:

1 - वास्तव में अपने परीक्षण पृष्ठ पर jQuery + यूआई शामिल हैं।

2 - जो Autocompleter मिलान प्राप्त करने के लिए उपयोग करता है 'लेबल' का उपयोग शामिल:

$(function() { 
    var arrLinks = [ 
     { 
     key: 1, 
     url: "http://google.com", 
     label: 'google'}, 
    { 
     key: 2, 
     url: "http://yahoo.com", 
     title: "Yahoo", 
     label: 'yahoo'}, 
    { 
     key: 2, 
     url: "http://microsoft.com", 
     label: 'microsoft'} 
    ]; 
    $("input[name=url]").autocomplete({ 
     source: arrLinks 
    }).data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li>").data("item.autocomplete", item).append("<a>" + item.url + "</a>").appendTo(ul); 
    }; 
}); 

Your test page, working.

+0

+1 अच्छा समाधान। क्या आप पहेली के लिए एक jquery ui सीएसएस जोड़ सकते हैं? – naveen

+0

मुझे लगता है कि मुझे अभी भी अपनी सरणी में एक लेबल जोड़ने की जरूरत है? –

+0

@naveen, हाँ मैं आमतौर पर एड संसाधन संसाधन accordian का उपयोग करता हूं और Google सीडीएन सीएसएस लिंक में पेस्ट करता हूं http://imgur.com/K6bha.jpg –

संबंधित मुद्दे