Search jQuery

jQuery Forum

Jquery Autocomplete Normalize data issue

in Using jQuery UI • 3 days ago

I am using jquery UI autocomplete in my application. I am populating items which are objects with label and value. A value field contains the id of the label item.

The issue which I am facing is when the id is 0. In this case, the value field will get replaced by text data present in the label field. This is happening in the "Normalize" method in Jquery UI file.

How can I override the Normalize method? Please check the code below. The issue occurs in code highlighted in red.

_normalize: function( items ) {
	   // assume all items have the right format when the first item is complete
		if ( items.length && items[ 0 ].label && items[ 0 ].value ) {
			return items;
		}
		return $.map( items, function( item ) {
			if ( typeof item === "string" ) {
				return {
					label: item,
					value: item
				};
			}
			return $.extend( {}, item, {
				label: item.label || item.value,
			    value: item.value || item.label $.extend( {}, item, {
				label: item.label || item.value,
			    value: item.value || item.label
              } );
		} );
	}

Replies(1)

Binil Pra..

Re: Jquery Autocomplete Normalize data issue

3 days ago

Hi All,

I resolved the issue by extending the autocomplete tool based on information in this URL. As I mentioned in my question the issue was from "_normalize" method. I have overridden the method. The code is as follows.

$.widget("ui.autocomplete", $.ui.autocomplete, {
    _normalize: function (items) {
        // assume all items have the right format when the first item is complete
        if (items.length && items[0].label && items[0].value) {
            return items;
        }
        return $.map(items, function (item) {
            if (typeof item === "string") {
                return {
                    label: item,
                    value: item
                };
            }
            return $.extend({}, item, {
                //label: item.label || item.value,
                //value: item.value || item.label
                label: item.label,
                value: item.value
            });
        });
    }
});
You can place this code after the jquery-ui.js file.

Top Reply

Response title

Attachments

jQuery Forum

Jquery Autocomplete Normalize data issue

Replies(1)

Re: Jquery Autocomplete Normalize data issue

Statistics

Tags

Actions