AutoCompleteExtender无法与asp.net中的Bootstrap data-role =“ tagsinput”一起使用

Question

我想使用带有Bootstrap标签输入的ajax AutoCompleteExtender创建一个Web表单。

我在文本框中定义了data-role="tagsinput"，因此Bootstrap标记输入可以正常工作，但是当我在同一文本框中使用Ajax AutoCompleteExtender TargetControlID="TextBox"时，它将无法正常工作。但是，当我删除data-role="tagsinput"时，文本框自动完成工作正常。这是代码：

<ajaxToolkit:AutoCompleteExtender ServiceMethod="GetSearch" MinimumPrefixLength="1" CompletionInterval="10" EnableCaching="false" CompletionSetCount="10" TargetControlID="TextBox1" ID="AutoCompleteExtender1" runat="server" FirstRowSelected="false"></ajaxToolkit:AutoCompleteExtender>

<div class="row">
                            <div class="col-lg-12">
                                <div class="col-lg-5">
                                    <label>Already Assign Job Title</label>
                                </div>
                                <div class="col-lg-7">
<asp:TextBox ID="txtAssign_Job" runat="server" CssClass="bootstrap-tagsinput" data-role="tagsinput"></asp:TextBox>
                                </div>
                            </div>
                        </div>

那么如何将AutoCompleteExtender与asp.net中输入的Bootstrap标记一起使用？