文章/答案/技术大牛

发布

问可编辑型头版本(?)冲突
EN

Stack Overflow用户

提问于 2014-06-10 08:08:19

回答 1查看 260关注 0票数 1

我使用的x可编辑如下：

<a id="manager" href="#"  data-name="ManagerId" data-type="typeaheadjs" data-pk="1" data-url="/post" data-title="Input manager"></a>

一切都是从js代码开始的(取自docs示例)：

$('#manager').editable({
    value: 'ru',
    typeahead: {
        name: 'country',
        local: [
        { value: 'ru', tokens: ['Russia'] },
        { value: 'gb', tokens: ['Great Britain'] },
        { value: 'us', tokens: ['United States'] }
        ],
        template: function (item) {
            return item.tokens[0] + ' (' + item.value + ')';
        }
    }
});

除非引用了“提前输入”0.9.3，否则所有操作都正常。如果我将“提前输入”更新为0.10.2，则“自动完成”框不可见(本地将替换为“源当然是”)。怎样才能让0.10.2打字机工作呢？我不想在同一个网站上使用这两种版本。可编辑性为1.5.0.

预先输入0.10.2没有X-可编辑工作很好。

javascript

typeahead.js

x-editable

回答 1

Stack Overflow用户

发布于 2014-07-14 04:50:03

TypeaheadJS 0.10.x是为Bootstrap v3设计的(如果我错了，请纠正我)，它们已经改变了初始化打字机的方式，这样x可编辑的打字机扩展就不能再工作了。请参阅下面的内容，以了解您如何在两个版本中插入。

*TypeheadJS v0.9.x：

$input.typehead(options)

*TypeheadJS v0.10.x：$input.typehead(选项、数据集)在此处检查：https://twitter.github.io/typeahead.js/examples/

快速修复：编辑输入-ext/typeaheadjs.js js.js

变更：

this.$input.typeahead(this.options.typeahead);

To:

this.$input.typeahead(this.options.typeahead.options, this.options.typeahead.datasets);

当你召唤它的时候，你可以：

$field.editable({
    typehead: { 
        options: { 
        minLength: 3,
        hint: true,
    }, 
    datasets: { 
        source: ....
    } 
});

希望能帮上忙！

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24135917

复制

相似问题

问可编辑型头版本(?)冲突
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可编辑型头版本(?)冲突EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可编辑型头版本(?)冲突
EN