Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method for realizing dynamic dialog box based on Bootstrap

A dialog box and object technology, applied in the field of Bootstrap, can solve the problems of pop-up conflicts in web dialog boxes, cannot be reused, and cannot directly submit forms, etc., to achieve the effect of solving pop-up conflicts

Inactive Publication Date: 2020-03-24
ZHUHAI HENGQIN SHENGDA ZHAOYE TECH INVESTMENT CO LTD
View PDF0 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The technical problem solved by the present invention is to provide a method for realizing a dialog box that can be displayed on an infinite level and can directly submit a form; the present invention solves the problem that the pop-up dialog box of a web page conflicts with each other, cannot be reused, and cannot directly submit a form

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for realizing dynamic dialog box based on Bootstrap

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0021] Such as figure 1 Shown, the present invention adopts following steps:

[0022] Step 1. Introduce the required scripts and styles into the project and create script tool classes. The main scripts and styles include jquery.js and jquery.css, bootstrap.js and boostrap.css;

[0023] Step 2: Create a dialog calling method. The required parameters include the Url of the submitted form, the title of the pop-up window, and the callback function. Others can be expanded by yourself; for example:

[0024] function msgDialog(submitUrl, title, handleFun, ...) {}

[0025] 3. Obtain the current object in the method body, define the hierarchical index and initialize it; for example:

[0026] function msgDialog(submitUrl, title, handleFun, ...) {

[0027] var $this = $(this);

[0028] var dialog_zindex = 999;

[0029]}

[0030] 4. Determine whether the modeId exists in the object, if it exists, obtain it according to the object; if it does not exist, create and generate it accordin...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to the technical field of Bootstrap, in particular to an implementation method of a dialog box capable of infinitely displaying hierarchies and directly submitting forms. The implementation method comprises the following steps of: 1, introducing required scripts and styles into a project and creating script tool classes; 2, creating a dialog box calling method; 3, acquiring acurrent object in the method body, defining a hierarchical index and initializing the hierarchical index; 4, judging whether a mode Id exists in the object or not, and if not, creating the mode Id; 5, defining buttons and events; 6, defining extension options; 7, calculating a hierarchical index and assembling button display content in the opening event; 8, destroying the object in the closing event; and 9, binding the extension options to the mode Id, and restoring the hierarchical index value. According to the method, the problems that webpage dialog boxes pop up to conflict with one another, cannot be repeatedly utilized and cannot directly submit the form are solved.

Description

technical field [0001] The invention relates to the technical field of Bootstrap, in particular to a method for realizing a dialog box that is displayed in infinite levels and can directly submit a form. Background technique [0002] With the continuous development of web technology, the beauty of simplicity in web design has also emerged as the times require. Flat, responsive, parallax scrolling, card-style, etc. have brought more room for designers to play. The simple design, also because of its simplicity, intuitiveness, thinness and beauty, is more and more sought after by designers and loved by the public. [0003] Simple design is a design concept that returns design to its essence. Simplicity is not a simple deletion of content, but a refinement of the essence of design to meet the essential demands of beauty and practicality. In web pages, simple design often has the characteristics of clear page structure and simple interactive operation. While satisfying the tran...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F8/38G06F9/445
CPCG06F8/38G06F9/44521
Inventor 陈林张来卿庞严冬
Owner ZHUHAI HENGQIN SHENGDA ZHAOYE TECH INVESTMENT CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com