Use Ext. grid. column. Column to define a column

Source: Internet
Author: User
Use Ext. grid. column. the Column definition Column is created as shown in the previous example. grid. you must specify the columns option when using Panel. This option is either Ext. grid. column. column array, which is either a JavaScript Object and must contain an items attribute... use Ext. grid. column. the Column definition Column is created as shown in the previous example. grid. you must specify the columns option when using Panel. This option is either Ext. grid. column. the Column array is either a JavaScript Object, which must contain an items attribute, and the attribute value is still Ext. grid. column. column array -- in short, define Ext. grid. panel, Ext. grid. column. column array to define data columns. You can use Ext. grid. column. Column to define column definitions and specify the following common options. Ø text: Specifies the column name for this column. Ø sortable: Specifies whether the column can be sorted. Ø hideable: Specifies whether the column can be hidden. Www.2cto.com Ø menuDisabled: Specifies whether to disable the default right-click menu of the column. * Draggable: determines whether the column can be dragged to change the column arrangement order. Ø groupable: Specifies whether the column can be grouped. Www.2cto.com Ø dataIndex: Specifies the data field in the underlying Ext. data. Store data .. Ø renderer: specify a function to convert the column data and display it in the table. You can use this option to specify a custom display format for the column data. Ext. grid. column. Column is the base class defined by all columns. It contains the subclass shown in 6.72 .. The Ext. grid. column. Booean column type defined in column 72 is used to display data of the boolean type. You can specify the following two options when using this column type. Ø trueText: Specify the text displayed when the cell value is true. Ø falseText: Specify the text displayed when the cell value is false. The Ext. grid. column. Date column type is used to display values of the Date type. The Ext. grid. column. Number column type is used to display columns of the numerical type. You can specify the format option when using the Ext. grid. column. column. Date or Ext. grid. column. Number column type. This option is used to specify the format for displaying the column data. The Ext. grid. column. Template column type allows you to use a Template to set the content displayed in this column. You can use this column type to specify the tpl option, which is used to specify a Template string. Ext. ux. checkColumn is a third-party extended column type. You need to import the CheckColumn under the examples \ ux directory. js file, which displays a column that allows users to change the boolean value by clicking. Tip: to use Ext. ux. the CheckColumn type, except for the CheckColumn under the examples \ ux directory. in addition to js, you also need to import the checkheader.css style sheet file under examples \ ux \ css, and introduce the images under the examples \ ux \ css \ images directory. Therefore, you need to copy them to the application directory. Ext. grid. column. the Action column is used to define columns that contain multiple "Action" buttons. When a developer clicks different "Action" buttons, different event processing functions are triggered, you can perform operations on the data. The following example demonstrates the functions and usage of various column types. Program list: codes \ 06 \ 6.8 \ Ext. grid \ Ext.grid.column.Column.html
Related Article

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.