0

この素敵なjqueryプラグインがタグ付けしているのを見つけました！http://levycarneiro.com/2010/03/tag-it-tag-suggestions-editor-and-autocomplete-in-a-jquery-ui-plugin/で、ASP.Netアプリケーションに実装したいと考えています。

ソースコードを調べたところ、プラグインが追加のliアイテム（リンクの削除など）をulに追加していることがわかりました。

PostBackで選択したタグを取得するにはどうすればよいですか？

4

1 に答える 1

6

@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

于 2011-12-28T19:46:45.990 に答える