Что такое начальная загрузка?
Bootstrap-это фронтальная структура для быстрой разработки веб-приложений и веб-сайтов. Bootstrap основан на HTML, CSS и JavaScript.
история
Bootstrap был разработан Марком Отто из Twitter и Джейкобом Торнтоном. Bootstrap - это продукт с открытым исходным кодом, выпущенный на Github в августе 2011 года.
Содержимое пакета начальной загрузки
Основная структура: Bootstrap предоставляет базовую структуру с системой сетки, стилем ссылки и фона. Это будет подробно объяснено в разделе Bootstrap Basic Structure.
CSS: Bootstrap поставляется со следующими функциями: глобальные настройки CSS, определение основных стилей HTML -элементов, расширяемого класса и расширенной системы сетки. Это будет подробно объяснено в разделе Bootstrap CSS.
Компоненты: Bootstrap содержит более десятка многократных компонентов для создания изображений, раскрывающихся меню, навигации, предупреждающих коробок, всплывающих ящиков и многого другого. Это будет подробно объяснено в разделе компонентов макета.
Плагин JavaScript: начальная загрузка содержит более десятка пользовательских плагинов jQuery. Вы можете включить все плагины напрямую или один за другим. Это будет подробно объяснено в разделе плагина Bootstrap.
Настройка: вы можете настроить компоненты начальной загрузки, меньше переменных и плагины jQuery, чтобы получить собственную версию.
В этой главе представлено , как отобразить модель данных в форму формы после генерации формы (обычно используется для редактирования страниц)
Код заключается в следующем (адрес соединения: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form4-initdata.html):
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> Привязка данных </title> <meta name = "viewport" content = "width = width-width, начальный смасштап = 1"> <Link rel = "stylesheet" href = "../ css/baystrap.c> <! rel = "styleSheet" href = "../ css/site.css"> <script src = "../ lib/jquery.js"> </script> <script src = "../ lib/bootstrap.js"> </script> <!-Методы инструмента-> <script src = "../ scripts/global. src = "../ scripts/plugin.js"> </script> </head> <body> <div> <div> <bakel> Привязка данных </label> <div> <button id = "btnsubmit"> Отправить форму </button> </div> </div> <div> <form action = "#" id = "formContainer"> </form> </div> <div> <div> <babel> Введение </label> </div> <div> <babel> Введение </label> </div> <div> <h3> Form Data Data Sinting здесь. В фактической среде он должен взаимодействовать с сервером для получения данных. В объекте конфигурации требуется метод обратного вызова. Некоторые другие операции формы могут быть выполнены в методе возврата, такие как добавление проверки формы и добавление подключения подключаемого модуля даты ==== </p> <p> Примечание. Источник данных флажести находится в форме массива </p> </blockquote> </div> <script> $ (function () {varEles = [{{label: {text: 'custom Имя пользователя: '}, ele: {type:' text ', name:' username ', заголовок:' username: ', требуется: true}}, {ele: {type:' radio ', nam E: 'sex', название: 'Gender:', элементы: [{text: 'male', значение: 1}, {text: 'nable', value: 2}]}}, {ele: {type: 'fackbox', Имя: «Пласти», заголовок: «Использование платформы: ', элементы: [{text:' app ', value:' app '}, {text:' web ', value:' web '}]}}}}}}}}}}}}}}}}}} ], [{ele: {type: 'select', имя: «провинция», заголовок: «Провинция: ', withnull: true, элементы: [{text:' guangdong ', значение:' gd '}, {text:' hunan ', value:' hn '}]}}, {ele: {pre: {{text:' antrod type = "radio"> '}, type:' text ', name:' displayname ', название:' отображение имя: '}}, {ele: {type:' search ', title:' product ', id:' productname '}}], [{ele: {type:' DateTime ', name:' OffEdate ', title:' Validation ПИЛОВ: '1,3'}). Render ('formContainer', function (bf) {var Model = {PrimaryKey: 1, имя пользователя: «XXG», пол: 1, растение: ['app', 'web'], провинция: 'gd', displayname: 'test', productName: 'noteb OOK ', Fromedate:' 2015-06-10 ', Todate:' 2015-08-08 '}; bf.initformdata (model);}); $ ("#btnsubmit"). Bind (' click ', функция () {var postdata = bsform.getformdata (); alert («Полученные данные выражения:«+json.stringify (postdata));})}); </script> </body> </html>Здесь модель типа JSON создается с использованием JS. В реальной разработке вы будете взаимодействовать с сервером, чтобы получить модель. Модель отображается в форме формы с помощью метода initformData плагина формы.
Рендеринги следующие:
Определенные данные успешно отображаются в форме
ПРИМЕЧАНИЕ. В случае нескольких выборов для флажков, что необходимо вернуть, так это массив
Выше приведено полное описание привязки данных обработанной страницы практической формы Smart Form (VI), представленной вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!