Do two table pages on the same page [display property and console.info debugging] & idea formatting code shortcuts

1. Make two table pages on the same page

Effect picture:

 

 

Code framework:

 

Button js (mainly is to click the button to display the corresponding table page and hide another table page)

Page code frame The folded part is two table pages, what you want to write in it, remember to hide one initially (style="display:none")

 

 

The only thing to pay attention to is that the buttons and tables in the tabley page should be completely written in two sets.

 

② When debugging, you can use console.info to view page elements, which is very useful

 

Second, idea formatting code shortcuts

The initial shortcut key is Ctrl+Alt+L

 

Write to yourself: The path of the test code page after encapsulating js is: C:\Users\gtis\Desktop\internship\homework passed in\4.20 jqgrid packaging test\jqgridCs.ftl [There are also backups on the network disk]