Получить выбранные теги из Jquery Tag it! плагин на PostBack - PullRequest
Новая
       25

Получить выбранные теги из Jquery Tag it! плагин на PostBack

0 голосов
/ 16 апреля 2011

Я нашел этот хороший плагин jquery тег его!http://levycarneiro.com/2010/03/tag-it-tag-suggestions-editor-and-autocomplete-in-a-jquery-ui-plugin/ и хочу внедрить его в приложение ASP.Net.

После проверки исходного кода я обнаружил, что плагин добавляет дополнительные элементы li (с удалением ссылок и т. Д.) Вul.

Как я могу получить выбранные теги на PostBack?

1 Ответ

6 голосов
/ 28 декабря 2011

@ citronas, я использовал этот плагин тегов jQuery: jQuery Tagit

Я изменил его следующим образом, чтобы загрузить плагин с тегами со стороны сервера и извлечь выбранные теги со стороны сервера. 

    ...<script>
    $(function () {

        var availableTags = $("#<%= hdnDBTags.ClientID %>").val().split(',');

        $('#demo1').tagit({ tagSource: availableTags, select: true });

        $("#<%= btnGetTags.ClientID %>").click(function () {
            getTagsString($('#demo1').tagit('tags'))
        });

        function getTagsString(tags) {
            var string = "";

            for (var i in tags) {
                string += tags[i] + ",";
            }

            $("#<%= hdnSelectedTags.ClientID %>").val(string);
        }
    });
</script>
<asp:HiddenField ID="hdnDBTags" runat="server" />
<asp:HiddenField ID="hdnSelectedTags" runat="server" />
<h1>
    Your Profile</h1>
<p>
    <ul id="demo1" name="nameOfSelect">
    </ul>
    <asp:Button ID="btnGetTags" runat="server" Text="Get Tags" OnClick="btnGetTags_Click" />
</p>

И в коде позади: 

protected void Page_Load(object sender, EventArgs e)
{
    hdnDBTags.Value = "real_estate,mortgage_lending";
}

protected void btnGetTags_Click(object sender, EventArgs e)
{
    string test = hdnSelectedTags.Value;

    IList<string> array = test.Split(',').ToList();

    array.Remove("");
}

Надеюсь, это поможет ...

D

...