Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jQuery自动完成:如何显示标记计数?_Jquery Ui_Autocomplete_Jquery Ui Autocomplete - Fatal编程技术网

Jquery ui jQuery自动完成:如何显示标记计数?

Jquery ui jQuery自动完成:如何显示标记计数?,jquery-ui,autocomplete,jquery-ui-autocomplete,Jquery Ui,Autocomplete,Jquery Ui Autocomplete,使用Aotocomplete,我想将namecount显示为自动建议,当选择一个项目时,输入框中只打印名称 [{"name":"Test","count":"5"},{"name":"Javascript","count":"1"}] 可以显示名称而不进行计数的代码,并打印多个选定项目: jQuery(document).ready(function ($){ function split( val ) { return val.split( /,\s*/ );

使用Aotocomplete,我想将namecount显示为自动建议,当选择一个项目时,输入框中只打印名称

[{"name":"Test","count":"5"},{"name":"Javascript","count":"1"}]
可以显示名称而不进行计数的代码,并打印多个选定项目:

jQuery(document).ready(function ($){

    function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }

    $("#ctags-input")
        .bind( "keydown", function( event ) {
            if ( event.keyCode === $.ui.keyCode.TAB &&
                    $( this ).data( "autocomplete" ).menu.active ) {
                event.preventDefault();
            }
        })
    .autocomplete({ 

        source: function(req, add){
            var ctags_action = 'ctags_autosuggest';

            $.getJSON(CTags.url+'?callback=?&action='+ctags_action, req, function(data) {   

                var suggestions = [];

                $.each(data, function(i, val){                              
                    suggestions.push(val.name);
                });
                add(suggestions);
            });
        },
        focus: function() { 
            return false;
        },

        select: function( event, ui ) {
            var terms = split( this.value );
            terms.pop();
            terms.push( ui.item.value );
            terms.push( "" );
            this.value = terms.join( ", " );
            return false;
        }
    });

});
我尝试了一些建议;它不起作用。我也试过了 suggestions.pushval.name+C+count+;这可以显示namecount,但选中时,计数也会被选中。如何将显示名称计数显示为建议并仅输入名称?

查看。您可以将此示例与多值代码相结合,并显示计数和项目标签:

$("#ctags-input")
    .bind( "keydown", function (event) {
        /* snip */
    })
.autocomplete({ 
    source: function(req, add){
        var ctags_action = 'ctags_autosuggest';

        $.getJSON(CTags.url+'?callback=?&action='+ctags_action, req, function(data) {   
            var suggestions = [];

            $.each (data, function(i, val) {      
                suggestions.push({
                    label: val.name,
                    count: val.count
                });
            });

            add(suggestions);
        });
    },
    /* snip */
}).data("autocomplete")._renderItem = function(ul, item) {
    return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a>" + item.label + " (" + item.count+ ")</a>")
        .appendTo(ul);
};
示例:排除远程部分