定义bootstrap-combobox选项的问题

时间:2014-10-22 22:28:13

标签: twitter-bootstrap combobox meteor

我有一段时间试图让这个bootstrap-combobox在流星应用程序中正常运行?

它表示你可以包含一个包含组合框选项的对象"。因为我无法明确定义像这样的选项 -

<template name="subAccounts">
<div id="sub_acct_1">
    Sub Acct 1: <select class="combobox" name="inline">
        <option value=""></option>
        <option value="Item 1">Item 1</option>
        <option value="Item 2">Item 2</option>
        <option value="Item 2">Item 3</option>
    </select>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('.combobox').combobox();
});
</script>
</template>

会工作但不会显示&#34; X&#34;删除手动输入的值。

这根本不起作用,但没有错误。

Template.subAccounts.subs = function() { 
    return subAccts.find();
};

<template name="subAccounts">
<div id="sub_acct_1">
    Sub Acct 1: <select class="combobox" name="inline">
        <option value=""></option>
        {{#each subs}}
            <option value="{{sub_name}}">{{sub_name}}</option>
        {{/each}}
    </select>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('.combobox').combobox();
});
</script>
</template>

如果我尝试这种方式,当subAccount.subs是一个值数组时,我得到的只是错误 -

<template name="subAccounts">
<div id="sub_acct_1">
    Sub Acct 1: <select class="combobox" name="inline">
    </select>
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('.combobox').combobox({item: subAccounts.subs});
});
</script>
</template>

如果有人成功使用此任何帮助将不胜感激!

0 个答案:

没有答案