Bootstrap Intelligent Form Combat Series (vi) data binding _javascript tips for form editing pages

What is Bootstrap?

Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.

History

Bootstrap was developed by Twitter's Mark Otto and Jacob Thornton. Bootstrap is an Open-source product released on GitHub in August 2011.

Contents of Bootstrap Package

Basic structure: Bootstrap provides a basic structure with a grid system, link styles, and backgrounds. This will be explained in detail in the BOOTSTRAP basic structure section.

Css:bootstrap Features: Global CSS settings, definition of basic HTML element styles, extensible class, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.

Component: Bootstrap contains more than 10 reusable components for creating images, drop-down menus, navigation, warning boxes, pop-up boxes, and more. This is explained in detail in the Layout Components section.

JavaScript plugin: Bootstrap contains more than 10 custom JQuery plug-ins. You can include all of the plug-ins directly, or you can include them individually. This will be explained in detail in the Bootstrap plugin section.

Customization: You can customize Bootstrap components, less variables, and jQuery plug-ins to get your own version.

This chapter describes how to show a model's data to form table consignments (commonly used to edit pages) after the form is generated.

Code as follows (connection address: https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form4-initData.html):

<! DOCTYPE html>  

Here use JS to create a JSON type model, the actual development of the case will interact with the server to get a model, through the form plug-in Initformdata method to display the model in form

The effect chart is as follows:

The defined data is displayed successfully in the form

Note: In the case of multiple selections for a check box, you need to return an array

The above is a small series to introduce the Bootstrap intelligent form of the actual Combat series (vi) Form Editing page of the data binding all the narrative, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!