Custom render

[bbrossaud]

Hello,

How can I render custom tags in the input?

Actually I would like to display in my input : @toto and not how it is displayed in my autocomplete results... How can I do that?

Regards,

[daniel-zahariev]

Can you elaborate a bit more? Is @toto a tag in your example?

[bbrossaud]

Sorry it was not a good example!

I use ajax request to display search result.

For example if I'm typing hello @ben

The suggestions result will be :

• SHERKHAN (Benoit Brossaud)
• Benji (benjamin johnson)
  ...

Currently if I select the first result (SHERKHAN (Benoit Brossaud)) my tag
in the input will be : SHERKHAN (Benoit Brossaud), so the result will be :

Hello SHERKHAN (Benoit Brossaud).

Or what I would like is :

Hello @sherkhan

So how can I have a tag display different from my search result?

I hope it will be clearer now.

Thanks for your reply,

Best regards,

[bbrossaud]

I found out the solution !

Here is my code :

textareaDom.textntags({
    triggers: {'@': {
        uniqueTags: true,
        showImageOrIcon: true,
        parser: /(@)\[\[(\d+):([\w\s\.\-]+):([\W\w\s@\.,-\/#!$%\^&\*;:{}=\-_`~()]+)\]\]/gi,
        keys_map: {
            id: 'id',
            title: 'tagRendering',
            name: 'name',
            description: '',
            img: 'avatar',
            no_img_class: 'icon',
            type: 'type'
        },
    }},
    templates: {
        tagsListItem      : _.template('<li><%= name %></li>'),
    },
    realValOnSubmit: false,
    onDataRequest:function (mode, query, triggerChar, callback) {
        var request = $.ajax({
            url: s_url_json_search_friend,
            type: "GET",
            data: {search: query},
        });

        request.done(function(data) {
            var response = data.response;
            callback.call(this, response);
        });

        request.fail(function(jqXHR, textStatus) {
            console.log("Ajax request failed: " + textStatus);
        });
    }
});

what is important is : tagsListItem : _.template('

<%= name %>

') !