My toolkit UI Layer webform (including complete webpanel & jqueryeasyui code) + example

Source: Internet
Author: User

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

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.