使用tagit jquery

时间:2018-05-15 07:59:20

标签: c# jquery tag-it

我有一个tagit自动完成jquery,在搜索案例编号时运行正常。我试图在后面的代码中添加一些已插入文本框中的案例编号,并将其设置为案例编号的单个标记。它确实设置为标签,但我无法制作单独的标签,因为它将所有案例编号组合到一个标签中。以下是我的代码。

class.cs

List<Models.Case> caseRefer = CaseCon.ViewById(SelectedCase.strId); // here I'm fetching case numbers from database with ',' for separation. 
            List<string> casenumbers = new List<string>();
            if (caseRefer[0].ReferCases!=null)
            {
                if (caseRefer[0].ReferCases != null)
                {
                    casenumbers = caseRefer[0].ReferCases.Split(',').ToList(); // here I'm spiting case numbers
                }

                foreach (var item in casenumbers)
                {
                    if (!item.Contains("<br />"))
                    {
                        txt_referCases.Text += item + Environment.NewLine; // here I'm trying to make all case numbers an individual tags but new line is not making any difference.
                    }
                }
            }

的.aspx

 <asp:TextBox ID="txt_referCases" runat="server"></asp:TextBox>

<script>
 $(function () {


            var arr = [];

            var arrName = [];
 $('#<%=txt_referCases.ClientID %>').tagit({
     autocomplete: {
                    delay: 0,
                    minLength: 3,
                    source: function (request, response) {

                        $.ajax({
                            url: '<%=ResolveUrl("~/Case.aspx/ReferCases") %>',
                            data: "{ 'caseNum': '" + request.term + "'}",
                            dataType: "json",
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            success: function (data) {
                                arr = $.map(data.d, function (el) { return el });

                                response($.map(data.d, function (item, index) {

                                    return {
                                        label: item,
                                        val: index
                                    }
                                }))
                            },

                            error: function (response) {
                                alert(response.responseText);
                            },
                            failure: function (response) {
                                alert(response.responseText);
                            }
                        });
                    },

                } 
});

        });
</script>

1 个答案:

答案 0 :(得分:0)

终于解决了我自己的问题。这只是将Environment.NewLine替换为&#39;,&#39;会做的。所以该行将是

txt_referCases.Text + = item +&#34;,&#34;

这将分隔标签。