Prevent the tab page from repeatedly sending requests to the server, and the tab page repeatedly requests to the server

Prevent the tab page from repeatedly sending requests to the server, and the tab page repeatedly requests to the server

Let's look at the figure.

On the left is the enterprise tree, and on the right is a tab page based on enterprise changes.

Features: 1. We hope that if the selected enterprise remains unchanged, we will request the server when switching the five tabs next to it. The following switch back and forth tab page does not request the server side (the premise is that the enterprise tree does not switch ).

2. If the selected enterprise changes, the table structure on the right also changes accordingly.

Train of Thought. 1. When the enterprise tree is not switched, each time we click a tab, we will give it an identifier to determine that if the enterprise tree remains unchanged and switches back and forth, we will not request the server. As follows:

$ ("# Tab-director"). click (function (){
Var treeId = getSelectedTreeId ();
If (undefined = treeId | "root" = treeId)
Return false;
_ Tab = 1;
If (_ isDirLoad = false ){
_ IsDirLoad = true; // The identifier here.

}

});

2 .. When switching the enterprise tree, we need to change the previous _ isDirLoad = true to false.

For example, function zTreeOnClick (event, treeId, treeNode ){
Var treeId = getSelectedTreeId (); // The treeId is the uuid of the selected enterprise.
If (treeId = "root "){
Return;
}
_ IsCommLoad = false;

Based on the ideas of 1 and 2, we can implement the functions required above.