روش ایجاد کمبوباکس (Drop Down List) با قابلیت جستجو در Asp.net Core
سلام. من میخوام لیست بزرگی از مشاغل بیمه که فایل اکسل آنها رو دارم به دیتابیس منتقل کنم و یک لیست کشویی بسازم و با سرچ کردن در لیست شغل مورد نظر رو انتخاب کنم مثل تصویر زیر.لطفا راهنمایی کنید(تا قبل از نوشتن یه حرف چیزی در لیست ظاهر نمی شود)
سوال شما شامل دو بخش هست. اول اینکه میفرمایید یک لیست از مشاغل دارید که در یک فایل اکسل موجود هست و می خواهید این لیست رو درون دیتابیس بریزید. خب پس شما اول باید لیست خودتون رو داخل Sql Server بریزید و به صورت یک جدول داشته باشید. برای این منظور لینک زیر رو مطالعه کنید :
انتقال اطلاعات از اکسل به جدول Sql Server
خب مرحله بعد این هست که قصد دارید لیست رو درون یک Drop Down List با قابلیت جستجو نمایش بدید. برای این منظور می تونید از پلاگین select2 استفاده کنید.
ایجاد کمبوباکس با قابلیت انتخاب چند آیتم و جست و جو در اطلاعات
خب ابتدا به سایت select2 مراجعه کنید و فایل های css و javascript مورد نیاز برای استفاده از این پلاگین رو دانلود کنید و یا به صورت CDN استفاده کنید.
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
سپس مطابق با مثال زیر میتونید خیلی ساده یک Drop Down List با قابلیت جستجو داشته باشید.
کدهای Html
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
<option value="TH">Tehran</option>
<option value="WY">Wyoming</option>
</select>
کدهای جاوا اسکریپت
@section Scripts{
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function () {
$('.js-example-basic-single').select2();
});
</script>
}
با اجرای پروژه می بینید که یک کمبوباکس با قابلیت جستجو در اطلاعات دارید. شما فقط کافیه اطلاعات رو از دیتابیس درون کمبوباکس نمایش بدید.
من اطلاعات رو از اکسل به دیتابیس انتقال دادم ولی با توجه به اینکه من از روش code first استفاده میکنم چطور میتونم این جدول جدید رو به context خودم اضافه کنم.(یک جدول جدید با همین مشخصات توسط مایگریشن ساختم ولی خطا میده)
لطفا راهنمایی کنید چطور میتونم این جدول رو به مدلی تبدیل کنم که دارای این اطلاعات است
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- کار با CkEditor با قابلیت آپلود عکس
- خطا در ایجاد migration در Asp.net core
- تفاوت های Asp.net core و Asp.net mvc چیه؟
- دلیل اسپم شدن ایمیل های ارسالی از سرور
- نحوه لایه بندی پروژه Core و اضافه کردن به IIS
- ارسال ایمیل در Asp.net core
- آیا میشه در mvc core از کامپونت استفاده کرد
- آپلود فایل در Asp.net core چگونه است؟
- حذف کامل یک رکورد در جدول ریلیشن شده
- اشکال در آپلود فایل ویدیو در mvc core 2