带有 select2 的 tablesorter 过滤器的初始选择

Question

基于 tablesorter 和 select2 的 official example 过滤，我正在尝试实现过滤器选项的初始选择，但我被困住了tablesorter 不更新过滤的行。

JSFiddle：http://jsfiddle.net/5dUk9/1/.

看看第一列，xyz 值应该被过滤掉，但事实并非如此。 但是，如果您进行手动选择，它会按预期工作。

// ***
var filter = $.tablesorter.filterFormatter.select2( $cell, indx, {
    match : true, // adds "filter-match" to header
    cellText : 'Match: ',
    width: '85%',
    initSelection : function (element, callback) {
        var data = [];
        $(element.val().split(",")).each(function () {
            data.push({id: this, text: this});
        });
        callback(data);
    }
});
filter.siblings("input.select2").select2("val", ["abc", "def"]);
return filter;
// ***

这段代码中有两件事我不清楚：是否需要initSelection 在这种情况下，以及如何在需要时通知 tablesorter 更改。

当然，任何其他建议都会很有帮助。

原始示例（没有我的更改）：http://jsfiddle.net/5dUk9/

Answer 1

感谢@Mottie 快速实现此功能并提供demo example。

我还找到了一种解决方法：

filter.siblings("input.select2").select2("val", ["abc", "def"], true);

虽然它并不总是有效，但包裹在 setTimeout() 中应该可以快速解决这个问题：http://jsfiddle.net/5dUk9/3/。