Implementation of the. NET online development path based on CKEditor (3) Introduction and description of common from form controls

Source: Internet
Author: User

This chapter mainly introduces the common from form controls:

The red box is the usual from form control. From left to right are from, check boxes, radio boxes, text boxes, multiline text boxes, drop-down lists, buttons, picture buttons, hidden text boxes, lable

check boxes and radio boxes are described and explained:

Because the Radio box and check box properties and Settings interface have been, so to explain together, click the check box button pop-up, check box settings interface, such as:

Property Description and Usage:

Field description input type Description
Control ID Auto generate, generate a unique control ID, if the page has a duplicate preview page will be error
Control Name Manual input When editing is convenient, know what the control does.
Bound fields Pop-up selection Edit the page to bind the data and modify the data use, as well as the list of queries will be used,
validation type Pop-up selection and input Edit page saves are validated against the validation type, and both JS and C # backgrounds are validated before they are saved.
Options List Maintenance One row of data represents a check option

Introduction and description of text boxes and multiline text

The properties of text boxes and multiline text are also consistent and are described together. Click the text box to pop up the following layer:

Property Description and Introduction:

Field name

input type

Description

Id

Text

An ID is generated by default and can be modified, but the ID is guaranteed to be unique

Initial value

Text

If a default value is set, the initial value is replaced by the default value.

Save validation

Pop-up selection or input

Edit page saves are validated against the validation type, and both JS and C # backgrounds are validated before they are saved.

Maximum number of characters

Int

Control text box Enter the maximum number of characters

Type

drop-down list

Divided into three types of text, date, password

Bound fields

Click to select

Edit the page to bind the data and modify the data use, as well as the list of queries will be used,

Default value

Click to select

The parameters of the current environment variable or URL can be set

Show Fields

Yes or no

Control display properties of bound fields

Query symbols

Drop-down selection

Used as a list query condition,

Drop-down list description and introduction:

Click the drop-down list control property settings interface as follows:

Property Description and Introduction

Field name

input type

Description

Id

Text

An ID is generated by default and can be modified, but the ID is guaranteed to be unique

Width

Digital

Control drop-down list width

Height

Digital

Control drop-down list height

Bound fields

Pop-up selection

Edit the page to bind the data and modify the data use, as well as the list of queries will be used,

Post-Save validation

Pop-up selection or input

Edit page saves are validated against the validation type, and both JS and C # backgrounds are validated before they are saved.

Whether the action

Yes or no

Is the display of three properties, namely: Action name, Text bound field, value bound field, which can be used with the query control, and let the query control binding drop-down list options appear.

Select No, you must add the "Select Settings"

Action Name

Drop-down selection

The name of the query control is displayed

Text bound field

Drop-down selection

Displays the name of the field returned by the query control query results

Value Bound field

Drop-down selection

Displays the name of the field returned by the query control query results

Options

List Edit

A row represents an option.

Button control Description and introduction:

The Button control property settings interface is as follows:

Property Description

Field name

input type

Description

Button ID

Text

An ID is generated by default and can be modified, but the ID is guaranteed to be unique

Button name

Text

The name that the button will display

Classname

Text

Style of the button

Type of button

Click to select

Divided into: Normal button and link button, the normal button is <input type= "BUTNN"/> link button display is <a/>

Button permissions

Drop-down selection

Corresponds to a user-authorized button category.

Action type

Drop-down selection

Service action, JS action, URL action, other actions

Note: Service actions: Select the Service action control, which is highlighted later.

JS action: Define a JS function action name

URL Action: Click to set popup that form

Other actions: for public, peculiar movements.

Lable Control Description and introduction

The Lable property setting interface is as follows:

Property Description:

Field name

input type

Description

Button ID

Text

An ID is generated by default and can be modified, but the ID is guaranteed to be unique

lable Name

Text

Design Interface Display Name

Default value

Click to select

The parameters of the current environment variable or URL can be set

Bound fields

Click to select

Binding displays the value of a field

Introduction and description of hidden field controls

The hidden domain control properties interface is as follows:

Hidden Text Property Description:

Field name

input type

Description

Button ID

Text

An ID is generated by default and can be modified, but the ID is guaranteed to be unique

Value

Text

No default values and bound fields are worth the time to display

Default value

Click to select

The parameters of the current environment variable or URL can be set

Bound fields

Click to select

Binding displays the value of a field

These from form control final generation is a server control, specifically generated what kind of server tag, you can go to the code editing interface + code generation results to see.

Implementation of the. NET online development path based on CKEditor (3) Introduction and description of common from form controls

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.