1

私は自分のウェブサイトでjqueryuiselectableプラグインを使用しています。同じページに複数選択のリストが7つ近くあり、すべて上記のプラグインを使用しています。

ユーザーが特定のリストアイテムを選択したら...それらの選択されたアイテムをコードビハインドに戻すにはどうすればよいですか？

これが私のリストをページに表示する方法です...

<div>
  <ol class="selectable" id="wlList" runat="server" clientidmode="static">
  </ol>
</div>

そして、これは私がコードビハインドでデータベースからリストアイテムを生成した方法です...

    wl.ToList();
    foreach (var w in wl)
    {
        HtmlGenericControl li = new HtmlGenericControl("li");
        li.Attributes.Add("class", "ui-widget-content");
        li.Attributes.Add("value", w.UserID.ToString());
        li.InnerText = w.FirstName;
        wlList.Controls.Add(li);

    }

助けてくれてありがとう

4

1 に答える 1

0

考えられるアプローチの 1 つは、選択した値を非表示の入力に格納し、サーバーでその値を単純に読み取って解析することです。

jQuery UI Selectable Serialize Demoに基づくこのフィドルを確認してください。

必要なのは、非表示の入力をフォームに追加することです:

<input type="hidden" id="wlListValue" name="wlListValue" />

次に、次のように選択可能な変更ハンドラーを実装します。

$('.selectable').selectable({
    stop: function(event, ui) {
        var result = '';
        $(".ui-selected", this).each(function() {
            result += $(this).val() + ';';
        });
        $('#wlListValue').val(result);
    }
});

そして、ポストバック後に選択した値を読み取るだけです:

var selectedValues = Request["wlListValue"].Split(";".ToCharArray(), 
                                    StringSplitOptions.RemoveEmptyEntries);
于 2012-10-04T07:52:46.643 に答える