دسته بندی ها
15:19 1400/05/12

روش ایجاد کمبوباکس (Drop Down List) با قابلیت جستجو در Asp.net Core

مشخصات سوال کننده :
کاربر : frisat     امتیاز کاربر : ‎−2     رتبه کاربر : 7081
دسته بندی : Asp.net Core جاوا اسکریپت

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 6081
پاسخ دهنده : saedbfd 18:54 1400/05/12

سوال شما شامل دو بخش هست. اول اینکه میفرمایید یک لیست از مشاغل دارید که در یک فایل اکسل موجود هست و می خواهید این لیست رو درون دیتابیس بریزید. خب پس شما اول باید لیست خودتون رو داخل 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>
}

 

با اجرای پروژه می بینید که یک کمبوباکس با قابلیت جستجو در اطلاعات دارید. شما فقط کافیه اطلاعات رو از دیتابیس درون کمبوباکس نمایش بدید.

دانلود سورس

ویرایش شده در شنبه 16 مرداد 1400 ساعت 15:30:52
به این پاسخ امتیاز بدهید    1
امتیاز: 1654 رتبه: 1
پاسخ دهنده : frisat 11:54 1400/05/14

من اطلاعات رو از اکسل به دیتابیس انتقال دادم ولی با توجه به اینکه من از روش code first استفاده میکنم چطور میتونم این جدول جدید رو به context خودم اضافه کنم.(یک جدول جدید با همین مشخصات توسط مایگریشن ساختم ولی خطا میده)

لطفا راهنمایی کنید چطور میتونم این جدول رو به مدلی تبدیل کنم که دارای این اطلاعات است

به این پاسخ امتیاز بدهید    0
امتیاز: ‎−2 رتبه: 7081
1 نظر
saedbfd : سوال شما پاسخ داده شده. اگر سوال دیگه ای دارید لطفا یک سوال جدید باز کنید.

امتیاز کاربر : 1654   رتبه کاربر : 1   تاریخ ثبت : 12:24 1400/05/14
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود