Xpages: TypeAhead with Twitter Bootstrap - 将 SSJS 数组加载到值列表中答案

【问题标题】：Xpages: TypeAhead with Twitter Bootstrap - Loading a SSJS Array into the value listXpages: TypeAhead with Twitter Bootstrap - 将 SSJS 数组加载到值列表中
【发布时间】：2014-07-08 06:40:13
【问题描述】：

我试图将 BootsTrap Typeahead 添加到我的一个 Xpage 中。所以我将所有引导程序的东西都导入了我的应用程序。当我将值“硬编码”到列表中时，它工作得很好。但我在 SSJS 库中创建了一个“值”数组。

你能告诉我如何将该数组从 SSJS Lib 放到 typeahead 的值列表中吗？

<xp:inputText id="inputText1" styleClass="typeahead"></xp:inputText>

<script>
var value = ['test', 'birthday']
$('.typeahead').typeahead({source: value });
</script>

谢谢

【问题讨论】：

标签： twitter-bootstrap xpages lotus-notes bootstrap-typeahead

【解决方案1】：

Bootstrap 3 中的 typeahead 组件是 removed，以支持 Twitter 的 typeahead 库。它在 Bootstrap 2.3.2 中确实有效。

无论如何。您需要使用xp:scriptBlock 控件才能引用服务器端变量。我的第一反应是这样做：

<xp:this.beforePageLoad>
  <![CDATA[
   #{javascript:viewScope.put("typeaheadOptions", ["Alabama", "Alaska"] );}
  ]]>
</xp:this.beforePageLoad>

<xp:inputText
    id="inputText1"
    styleClass="typeahead"></xp:inputText>

<xp:scriptBlock
    id="scriptBlock1">
    <xp:this.value><![CDATA[
      var value = #{viewScope.typeaheadOptions};
      $('.typeahead').typeahead({source: value });
    ]]></xp:this.value>
</xp:scriptBlock>

但这不起作用：您最终会得到如下所示的 javascript：

var value = [Alabama, Alaska];

注意条目周围缺少引号。

为了解决这个问题，您可以在存储之前将变量包装在 toJson 函数中。

<xp:this.beforePageLoad>
  <![CDATA[
   #{javascript:viewScope.put("typeaheadOptions", toJson(["Alabama", "Alaska"]) );}
  ]]>
</xp:this.beforePageLoad>

【讨论】：

THX，这就是我正在寻找的。但是有没有可能当我有一个包含多个字符串的数组时，我可以像这样将完整的数组提供给 viewScope 变量： viewScope.put("typeaheadOptions", toJson([array]) ) 或者我必须使用viewScope.put("typeaheadOptions", toJson([array[0], array[1]) ) 感谢您的帮助
我已经解决了： var stringArray = array.toString(); var values= stringArray.split(","); viewScope.put("typtypeaheadOptionseAheadValues", toJson(values));