ورود

View Full Version : بهترین dropdown list multilple که server side باشه



mehdin69
جمعه 04 اردیبهشت 1394, 10:47 صبح
سلام دوستان
یه dropdown که قابلیت multiple رو داشته باشه و server side باشه کسی می تونه معرفی کنه ؟
مرسی ازتون

mehdin69
جمعه 04 اردیبهشت 1394, 10:49 صبح
قابلیت جستجو مثل select2 هم داشته باشه

r4hgozar
جمعه 04 اردیبهشت 1394, 16:46 عصر
سلام.
https://www.nuget.org/packages/Harvest.Chosen/

من از این استفاده کردم.

mehdin69
جمعه 04 اردیبهشت 1394, 22:59 عصر
سلام.
https://www.nuget.org/packages/Harvest.Chosen/

من از این استفاده کردم.
سلام چطوری جستجو رو server side کنم یعنی پقتی مینویسم "ت" بره سمت سرور اونایی که با "ت" شروع میشن رو بیاره
مثال اینطوری می خوام که گیرم نمیاد
مرسی

rezaei_y
جمعه 04 اردیبهشت 1394, 23:34 عصر
شما از اطلاعات رو از بانک میخونی و موقع لود صفحه ات به dropdown نسبت میدی موقع استفاده خودش قابلیت سرچ داره نمیخواد کار اضافه ای انجام بدی(بر اساس متنی که تو قسمت جستجو مینویسی فیلتر میکنه)

mehdin69
شنبه 05 اردیبهشت 1394, 00:59 صبح
فک کنم کد سرور Kendo().Multiselect رو برای بقیه اینجا بذارم بد نباشه


public JsonResult GetMenus(string text)
{
var northwind = new RamzineCMSEntities();

var products = northwind.Menu.Select(product => new MenuVM
{
Id_Menu = product.Id_Menu,
MenuName = product.MenuName,
});

if (!string.IsNullOrEmpty(text))
{
products = products.Where(p => p.MenuName.Contains(text));
}

return Json(products, JsonRequestBehavior.AllowGet);
}




@(Html.Kendo().MultiSelect()
.Name("productMultiSelect") //The name of the multiselect is mandatory. It specifies the "id" attribute of the widget.
.DataTextField("MenuName") //Specifies which property of the Product to be used by the multiselect as a text.
.DataValueField("Id_Menu") //Specifies which property of the Product to be used by the multiselect as a value.
.Filter(FilterType.Contains)
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetMenus", "Menu") //Set the Action and Controller name
.Data("onAdditionalData");
});
source.ServerFiltering(true);
})
)
<script>
function onAdditionalData() {
return {
text: $("#productMultiSelect").data("kendoMultiSelect").input.val()
};
}
</script>