"Go" Jqgrid learning Colmodel API

Source: Internet
Author: User

Colmodel is the most important attribute in Jqgrid, which sets the properties of the table column.

Property

Data type

Note

Default value

Align

String

Left, center, right.

Left

Classes

String

Sets the CSS for the column. Multiple classes are separated by spaces, such as: ' Class1 class2 '. The default CSS property of the table is Ui-ellipsis

Empty string

Datefmt

String

"/", "-", and "." are valid date separators. Y,y,yyyy year yy, yy month m,mm for Monthsd,dd Day.

ISO Date (y-m-d)

Defval

String

Default values for query fields

Empty

Editable

Boolean

Whether the cell can be edited

False

Editoptions

Array

A series of options for editing. {name: ' __department_id ', index: ' __department_id ', Width:200,editable:true,edittype: ' Select ', editoptions: {Dataurl : "${ctx}/admin/deplistforstu.action"}, this is a demonstration of dynamically fetching data from the server side.

Empty

Editrules

Array

Edit the rule {name: ' Age ', Index: ' Age ', Width:90,editable:true,editrules: {edithidden:true,required:true,number:true, MINVALUE:10,MAXVALUE:100}}, set the maximum age of 100, the minimum value is 10, and is a numeric type, and is required to lose the field.

Empty

EditType

String

The type that can be edited. Selectable values: Text, textarea, select, checkbox, Password, button, image and file.

Text

Fixed

Boolean

Whether the column width is fixed or not variable

False

Formoptions

Array

property settings when editing a form

Empty

Formatoptions

Array

Formatting settings for some columns

None

Formatter

Mixed

The function name or type that is set when the column is formatted

{name: ' Sex ', index: ' Sex ', align: ' center ', width:60,editable:true,edittype: ' Select ', editoptions: {value: ' 0: TBD; 1: Male; 2 : Female '},formatter:function (Cellvalue, Options, Rowobject) {
var temp = "if (cellvalue==1) {
Temp = temp + "User-white.png";
} else if (cellvalue==2) {
Temp = temp + "User-white-female.png";
} else {
Temp = temp + "User-silhouette.png";
}
Temp = temp + "' border= ' 0′/>"
return temp;
}},//returns the gender icon.

None

Hidedlg

Boolean

Whether to show or hide this column

False

Hidden

Boolean

Whether to hide this column when initializing the table

False

Index

String

Index. The parameters for its and background interaction are SIDX

Empty

Jsonmap

String

Defines the JSON data map that is returned

None

Key

Boolean

When there is no ID in the data returned from the server side, use this as a unique rowid with only one column to do this setting. If more than one is set, only the first one is selected and the other is ignored

False

Label

String

If colnames is empty, use this value as the display name for the column, and if none is set, the name value

None

Name

String

The name of the table column, all keywords, reserved words cannot be used as names including Subgrid, CB and RN.

Required

Resizable

Boolean

Whether it can be resizable

True

Search

Boolean

In search mode, define whether this column can be used as a search column

True

SearchOptions

Array

Set Search parameters

Empty

Sortable

Boolean

Whether it can be sorted

True

SortType

String

Used when datatype is local, defines the type of the search column, Optional: Int/integer-sort integer float/number/currency-sort number date-sort dates text-sort text

Text

Stype

String

Define the type of search element

Text

sURL

String

URLs when searching for data

Empty

Width

Number

The width of the default column, only the pixel value, not the percentage

150

XmlMap

String

Defines the mapping between the current column and the returned XML data

None

Unformat

function

' Unformat ' cell value

Null

"Go" Jqgrid learning Colmodel API

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.