This is the webform Control Section in the UI Layer. two widgets are encapsulated here. some are based on Microsoft controls, such as webpanel controls, and others are based on jquery easyui. both sections are described earlier.CodeI am sorry. The Code provided this time is the entire project file. You can download it directly. The layout of the project file is shown in-1.
Figure-1
The basescripthelper class in the base folder is a page Code help class that can be used to register client scripts. It is currently used in the easyui encapsulation process. the baseuserinfoweb class is the user login information, which is stored in the session variable.
The easyuicontrols folder stores the jquery easyui class library. It has been mentioned before and will not be described.
Webcontrols folder, which stores custom controls based on Microsoft controls, is also mentioned earlier, as shown in-2.
Figure 2
The webhtmlcustom control is a real custom HTML control. it inherits the htmlgenericcontrol object, so it does not need a special class to define it. It only provides the iwebhtmlcustomhelper interface, that is, its help class. this control is used in this scenario, as shown in-3. note: This control is composed of four rows in total, but it is not a radiobuttonlist control. the Repeater control is not used, but is spliced by spelling the <input type = "radio" code. because we always encounter some special customer requirements during the development process, such as this. in fact, you can use the radiobuttonlist control, but the customer said that the disease should be classified. finally, let's make it look like this. its function is to combine the <input/> code by concatenating existing controls to meet the customer's actual needs.
Figure-3
The webhtmltable control is introduced in the webpanel (enhanced edition) post. It is used for multiple operations on the document page. The help class of this control is the webhtmltablehelper class. You can check it. its front-end JS help class is webhtmltablehelper. JS, but the real code is put in jquery. in the webhtmltablehelper class of the extend-lastested.js file, the file location is in the/base/JS folder, you can directly refer.
The webpanel control is introduced in the post of the panel control (enhanced edition) mentioned earlier. its help class interface is iwebpanelhelper, and the real position of its front-end help class is the same as that of the webhtmltable control. the class name is webpanelhelper.
The webquery control is actually a retrieval control. It is generally placed under the toolbar and provides the retrieval conditions. It works in the same way as the webpanel control and is a dynamic creation control.
In general, each encapsulated control has a dedicated help class corresponding to it. The control help class is used to schedule controls. The control itself generally does not involve these operations.
Below are several common pages, and pagebase is the basic page ancestor. here is an attribute, as shown in-4. check the get part. First, check whether the session exists. If yes, obtain it. if it does not exist, it is inherited from the viewstate on the current page. if not found, a new one is directly created. the reason for this is that most pages in a system must inherit the pagebase page, and a page may not be used only by our own system. it may be used in another system (which may be the products of other vendors, Both CS and BS. if the CS product still obtains the basic information from the session, it may fail to be obtained and an error will be reported. but it is actually to be obtained, at least it should not report an error
Figure 4
In this project file, a JS class library is also provided, which is used and summarized by myself. the name is jquery. extend-lastest.js, In the/base/JS/folder. the ashx_ajax_service.ashx file in the common folder of the sample project calls the Ajax operation.
In the example project file, page_innerlogon.aspx is the logon page, starting from this page. If the logon user involves the au_user table, the page_innerframe.aspx page is displayed, as shown in-5.
Figure 5
ArticleNavigation
My toolset dB Layer
Business Layer of my toolset
My toolkit UI Layer base & winform + example
My tool set UI Layer Webform ( Including Webpanel & jqueryeasyui Complete code ) + Display Example
Code
Http://u.115.com/file/bhbp52dx #
Navi.kernel.uilayer.webform.rar
Extraction code:Bhbp52dx