XPages和materialize标签插件

我试图在XPages中的Bootstrap3模式中实现以下插件。我已经非常接近了，但我被困在一个点上，我不知道该怎么办。希望有人能给我指出正确的方向

这是插件：

目标是，当我单击repeat控件中的一行时，它会打开一个模式，并且该文档的关键字列表字段会显示在模式中（使用标记/材质设计芯片）

这是我对模态的呼唤：

<xp:this.attrs>
<xp:attr name="data-toggle" value="modal">
</xp:attr>
<xp:attr name="data-keyboard" value="false">
</xp:attr>
<xp:attr name="data-backdrop" value="static">
</xp:attr>
<xp:attr name="data-target" value="#editKeywordModal">
    </xp:attr>
</xp:this.attrs>
<xp:eventHandler event="onclick" submit="true"  refreshMode="partial" refreshId="pnlRequests">
    <xp:this.action><![CDATA[#{javascript: var db:NotesDatabase = session.getDatabase(sessionScope.serverPath,sessionScope.requestsdbName);
var unid = rowData.getUniversalID(); 
viewScope.keyworddocUNID = unid;}]]></xp:this.action>
<xp:this.onComplete>
var id = "#{id:pnlConfigKeywordListModal}"
XSP.partialRefreshGet(id,{
onComplete: function(){
$('#editKeywordModal').modal('show');
}});
</xp:this.onComplete>
</xp:eventHandler>

var id=“#{id:pnlConfigKeywordListModal}”
XSP.partialRefreshGet（id{
onComplete:function（）{
$（'editKeywordModal'）.modal（'show'）；
}});

在modal（editKeywordModal）中，面板（pnlConfigKeywordListModal）中是显示关键字的my字段。configkeywordDoc是与我单击的行对应的文档数据源：

<xp:inputText type="text" value="#{configkeywordDoc.KeywordList}" id="inputText1">
        <xp:this.attrs>
            <xp:attr name="data-role" value="materialtags"></xp:attr>
        </xp:this.attrs>
</xp:inputText>

如果我有一个静态列表，它会非常有效。但是，当我在打开前对该模式执行部分刷新时，它会在打开时闪烁一秒钟（我可以看到芯片），然后我丢失标记/芯片，它们在输入文本字段中显示为逗号分隔的字符串

任何想法都值得赞赏

非常感谢

问候,

Dan

数据角色=“materialtags”会自动将您的输入转换为“材料标签”，但它仅在页面加载时才这样做。部分刷新对话框/对话框内容时，新输入值不会自动转换为材质标记

Bootstrap modals具有在显示时触发的事件，因此我将钩住将输入转换为该事件的代码。比如：

x$("#{id:yourModalId}").on("shown.bs.modal", function (event) {
  var modal = $(this);
  var inputs = x$("inputs", modal).materialtags();
});

当显示模态（检查模态id）并将模态中的所有输入转换为材质标记时，会触发此代码