Data Manipulator / Corrector before adding value

[tsai146]

I was wondering is there a way to manipulate the value before added.
My case is to change the value to lower case.
I saw there is beforeItemAdd event, but I cannot update the value. (kind of like #135)

[rlidwka]

I think you can cancel event, and then create a new one with modified object (or just add tag yourself).

It's overly complicated though.

[timschlechter]

I think we can do this by making just a small change in the source. We just need to continue with event.item just after beforeItemAdd, instead of item.

[tsai146]

I like @timschlechter 's native approach.
I will try to create the patch

[tsai146]

I am having issue to install grunt on my box so I cannot run build.
However, I did test it manually and it seems working.
I am just doing the way you suggested.

[rlidwka]

Yeah, it works. Thanks.

I wonder if it makes sense to do the same for beforeItemRemove.

[tsai146]

I think we need to leave beforeItemRemove alone.
If we manipulate the removed item value, we might not be able to find the match.

$('.tag', self.$container).filter(function() { return $(this).data('item') === item; }).remove();
$('option', self.$element).filter(function() { return $(this).data('item') === item; }).remove();
if($.inArray(item, self.itemsArray) !== -1)
  self.itemsArray.splice($.inArray(item, self.itemsArray), 1);

[barisusakli]

Even though this is merged it doesn't seem to work on 0.8.0.

Canceling the event and adding it manually works though.

tagEl.on('beforeItemAdd', function(event) {
    var modifedTag = event.item.toLowerCase();
    event.cancel = modifiedTag !== event.item;
    if (event.cancel) {
        tagEl.tagsinput('add', cleanTag);
    }
});