Missing JavaScript for form Designer series

At the beginning of the form designer, I also considered the form will involve and JS interaction, we left a textarea, ready for developers to write JS code there. Then people are not as good as days, when the demand said that they do not write code, everything changed.

Firstblood, radio different values to toggle different display

I believe that this is the most common form of dynamic effect, not to speak directly, otherwise you will come to n P S J b again.

1. Select the Raido that we are going to operate, the mouse click on the configuration panel automatically come out:

2. Clicking on the link button in the Red box will bring up the following interface:

   In this configuration panel, each of the available options in Raido has 2 lists: Show and hide. This is because when we choose the person inside the radio a value can be displayed/hidden at the same time!

4. Here's an example: when we choose ' no change ' and want to hide something, the operation is as follows:

   Click on the no change below the hidden ' Click to add ' interface will become as follows:

   We can see a small circle of choices appearing in the top left corner of the Chinese description. In this case, we want to hide the cause of change, changes in the photo, change the situation of the 3 can be entered, just click on its corresponding to the upper left corner of the small circle can be selected after the effect is as follows:

   Click on the OK button and select finished. The interface will go back to the first set-value correlation interface, and the results will be listed as well:

   It is important to note that a Copy button appears on the right side of the hide to make it quick to select these 3 options as well. For example, when we want to select the ' Reclaimed river ' option, we want to show the cause of change, the change of the photo, the change. We just click on this Copy button and the Paste button will appear on the right side of the other optional display/hide:

   At this point we click on the Paste button on the right side of the ' Reclamation channel ' and the effect is as follows:

   (Sorry, this place X button forgot to add, the back to fill up)

   In such an operation, the user does not need to choose again, is not very convenient Ah!

6. Click on the ' Complete configuration ' button below and the whole process will be OK.

8. Well, do you think it's just a configuration, and you see the effect,

   The universal Preview button is out! Error, click Preview, the effect is as follows:

   This is the normal case, do you have to do any choice operation interface. This time, we choose no change, the effect is as follows:

   We can see that the three lines have been hidden!  Bingo ... Let's choose the ' Reclaimed river ':

   Bingo, this is out!

   The handsome classmate already thought, we only need to encapsulate the same code in the actual code, the developer does not have to write the code ...

? secondblood, plugin affinity ?

Handsome classmates have thought of, similar to the election department, choose the connection between plug-ins can also be implemented, because the data in this is related to the company's information, I do not show up, of course, this function has been shown.

Similarly, welcome everyone's spit groove, you can leave a message, or QQ exchange 775486560

Missing JavaScript for form Designer series