انتقال آیتم بین دو ListBox با استفاده از JavaScript <br/> این مقاله راجب ارسال آیتمهای لیست باکس ها بین هم بدون PostBack شدن صفحه می باشد

این مقاله راجب ارسال آیتمهای لیست باکس ها بین هم بدون PostBack شدن صفحه می باشد

بیشتر این عملیات توسط جاوااسکریپت انجام شده و سمت مروگر کاربر انجام میشود

<mce:script type="text/javascript"><!-- $(function () { $("#left").bind("click", function () { var options = $("[id*=lstRight] option:selected"); for (var i = 0; i < options.length; i++) { var opt = $(options[i]).clone(); $(options[i]).remove(); $("[id*=lstLeft]").append(opt); } }); $("#right").bind("click", function () { var options = $("[id*=lstLeft] option:selected"); for (var i = 0; i < options.length; i++) { var opt = $(options[i]).clone(); $(options[i]).remove(); $("[id*=lstRight]").append(opt); } }); }); // --></mce:script> <mce:script type="text/javascript"><!-- $(function () { $("[id*=btnSubmit]").bind("click", function () { $("[id*=lstLeft] option").attr("selected", "selected"); $("[id*=lstRight] option").attr("selected", "selected"); }); }); // --></mce:script>

و پس از زدن کلید تایید اطلاعات به سرور ارسال شده و میتوان آنها را در بانک ذخیره کرد

string leftSelectedItems = Request.Form[lstLeft.UniqueID]; lstLeft.Items.Clear(); if (!string.IsNullOrEmpty(leftSelectedItems)) { foreach (string item in leftSelectedItems.Split(',')) { lstLeft.Items.Add(item); } } string rightSelectedItems = Request.Form[lstRight.UniqueID]; lstRight.Items.Clear(); if (!string.IsNullOrEmpty(rightSelectedItems)) { foreach (string item in rightSelectedItems.Split(',')) { lstRight.Items.Add(item); } }

نمونه ضمیمه شده

امیدوارم خوشتون بیاد

موفق و پیروز باشید