البرمجة

تحويل Django BooleanField إلى قائمة منسدلة

25/03/2024
4 دقيقة واحدة

بالتأكيد، يمكنك تحويل حقل BooleanField في Django إلى قائمة منسدلة بخيارين “نعم” و “لا”. للقيام بذلك، يمكنك استخدام حقل ChoiceField بدلاً من BooleanField، وتعريف الخيارين “نعم” و “لا” كقيم ممكنة لهذا الحقل.

إليك كيفية تعديل تعريف النموذج لديك ليتم استخدام ChoiceField بدلاً من BooleanField:

python
from django import forms

class YourForm(forms.Form):
    # تعريف الخيارات الممكنة
    BOOLEAN_CHOICES = (
        (True, 'نعم'),
        (False, 'لا'),
    )
    
    # استخدام ChoiceField بدلاً من BooleanField
    attending = forms.ChoiceField(choices=BOOLEAN_CHOICES, required=True)

بهذا التعديل، سيتم عرض حقل “attending” كقائمة منسدلة في النموذج بدلاً من أزرار الاختيار النقطية (الراديو)، وسيكون لديك الخيارات “نعم” و “لا” للاختيار بينهما.

وبالطبع، يمكنك تخصيص هذا التعريف حسب احتياجاتك، مثل إضافة تسميات أو تحديد قيم افتراضية أو أي تخصيصات إضافية تحتاجها.

المزيد من المعلومات

بالطبع، ها هو الجزء المتبقي من المقال:

إضافة إلى تعريف النموذج، يمكنك أيضًا تخصيص طريقة عرض الحقل في الواجهة الأمامية لتتناسب مع تصميمك. يمكنك استخدام HTML و CSS لتغيير شكل القائمة المنسدلة وجعلها تتناسب مع سياق التطبيق الخاص بك.

على سبيل المثال، يمكنك استخدام Bootstrap لتحسين شكل القائمة المنسدلة. هناك مثال بسيط يوضح كيفية استخدام Bootstrap مع Django لتحسين شكل القائمة المنسدلة:

html

html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <title>قائمة منسدلة مخصصة في Djangotitle>
    
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
head>
<body>
    <div class="container">
        <h2>اختيار حالة الحضورh2>
        
        <form method="post">
            {% csrf_token %}
            
            <div class="form-group">
                <label for="id_attending">حضور:label>
                <select class="form-control" id="id_attending" name="attending">
                    {% for value, label in form.attending.field.choices %}
                        <option value="{{ value }}">{{ label }}option>
                    {% endfor %}
                select>
            div>
            <button type="submit" class="btn btn-primary">إرسالbutton>
        form>
    div>
    
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js">script>
body>
html>

في هذا المثال، قمنا بتضمين Bootstrap CSS و JS لتحسين مظهر وسلوك القائمة المنسدلة. كما يمكنك ربط النموذج الذي قمت بتعريفه في Django مع هذا القالب ليتم عرضه في الواجهة الأمامية بالطريقة المطلوبة.

باستخدام هذه الخطوات، يمكنك تحويل حقل BooleanField إلى قائمة منسدلة بسهولة وتخصيص مظهره ليتناسب مع تصميم موقعك أو تطبيقك بأسلوب جذاب ومنسق.

الوسوم
25/03/2024
4 دقيقة واحدة
جميع الحقوق محفوظة مركز حلول تكنولوجيا المعلومات
زر الذهاب إلى الأعلى