Print Page - Several questions about Tabs and Layout

I tried to replicate Documentation page in this website but more complicated.
There are several pages, each of them has at least one datagrid and achieves CRUD in a single page, just like single page CRUD Application.

Question 1:
I found this post https://www.jeasyui.com/forum/index.php?topic=2299
If I change all of 'id' attributes to be unique, I have to modify a lot of codes, is there a more convenient solution?

Question 2:
I tried to not use Tabs, and replace Tabs with normal Layout, modify some code like this

Code:

function OpenNew(controller, func) {
     $('#center_content').panel('clear');
     var url = '../' + controller + '/' + func;
     $('#center_content').panel('refresh', url);
}

$('#center_content') is the center region of layout. I still got rendering problem, the hidden Create window and Edit window don't perform correctly.
I read the Elements (see attached pic), found that some elements are not in the center panel, maybe I need to override the default extractor? but why default extractor didn't work well?

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: cjytxwd on May 22, 2018, 09:23:27 PM