تلخص هذه المقالة استخدام bootstrap المكون Select2 في بعض المشاريع الفعلية. تتم مشاركتها معك. يمكن للأصدقاء المحتاجين أن يتعلموا منه وتجنب التحويلات. المحتوى المحدد كما يلي
صورة التكاثر:
سواء كان ذلك هو الحصول على البيانات بطريقة ثابتة أو للحصول على ajax و bootstrap.js/css و select2.js/css و:
{{{STYLESHEET_LINK ('CSS/BOOTSTRAP.CSS')}}} {{STYLESHEET_LINK ('CSS/SELECT2.MIN.CSS')}}} {{{{{{stylesheet_link ('css/font-awesis.min.min.css')}} {{{{{ STYLESHEET_LINK ('CSS/PRETTIFY.CSS')}}} {{javaScript_Include ('js/lib/jquery.js')}} {{javaScript_Include ('js/lib/select2. javaScript_Include ('JS/lib/bootstrap.js')}}} <div> <section id = "tags"> <fiv> <p> <تحديد mounter = "mostle"> <selected = "selected> </orpive> </soph> </into> white </soph>طريقة ثابتة للحصول على:
$ (". } ، متعدد: TRUE ، البيانات: [{id: 0 ، text: 'story'} ، {id: 1 ، text: 'bug'} ، {id: 2 ، text: 'task'}]}) ؛احصل على طريقة AJAX:
$ (". [] لـ (var x in {arr.push (x]) ؛يوضح
يجب أن يبدو تنسيق إرجاع البيانات في Ajax مثل هذا: [{id: 0 ، text: 'story'} ، {id: 1 ، text: 'bug'} ، {id: 2 ، text: 'task'}]
مثال رمز PHP المقابل
... $ p1 = array (id => "1" ، text => "java") ؛ $ p2 = Array (id => "2" ، text => "JVM") ؛ $ test = array (1 => $ p1،2 => $ p2) ؛ $ params ['responsedata'] = $ test ؛ $ this-> view-> disable () ؛ إرجاع الوالدين :: ajaxresponse ($ params) ؛
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو مقدمة لبعض أساليب الاستخدام لـ Select2 ، آمل أن يكون ذلك مفيدًا لتعلم الجميع.