Easyui Master/Slave Table Implementation

Today, I used easyui to perform a master-slave Table query. Of course, the Edit function will be available later. I used Firefox debug, which makes it easier to trace. I used to develop Delphi, I don't need to pay attention to the Case sensitivity issue. Today, when easyui is used as the front-end, it takes me a long time. The front-end field names are in uppercase, And the JSON fields converted from the back-end are in lowercase, only how many lines are displayed, and PHP is used in the background, which is case-sensitive. Post uses the upper-case parameter name, But when processing the post parameter, it writes the lower-case parameter name, I didn't pay attention to it at the beginning, and I was depressed for half a day.

I used to develop C/S programs. Now I have more web functions, and I feel that web development is not that difficult. In web development, the MVC mode can be well reflected. After the front-end is completed, it doesn't matter what language the backend uses. Java, C #, and PHP are all supported, which is more conducive to team development (developers do not have to understand which language, you only need to call the web address provided by the background, and the front-end can display the returned data. More benefits of web development can only be realized in development! The following figure shows the newly released Master/Slave Table query interface.

The data in is extracted from the Tongda OA workflow. It takes some time to display the details. It is extracted from a field value and converted to a line! The primary record is used to load data by calling the load method.

// Query the primary record function finddata (findtype) {var guid = getguid (); $ ('# grid' + findtype +' _ '+ guid ). dataGrid ('load', {myhash :( new date ()). gettime + math. random (), findtype: findtype, runid: $ ('# runid' + findtype +' _ '+ guid ). val (), begindate: $ ('# begindate' + findtype + '_' + guid ). val (), enddate: $ ('# enddate' + findtype +' _ '+ guid ). val ()});} // load the detailed function loaddetails (findtype, runid) {$ ('# griddetail' + findtype + '_' + getguid ()). dataGrid ('load', {myhash :( new date ()). gettime + math. random (), findtype: findtype, runid: runid });}