How to create a multi column and multi row column in Ext

"load",function()

var row=;Get the corresponding rows of data.

Delete the ** for this line, and the line will be blank.

yourtext"What to display.

Perform the merge of several of these cells, which can be manipulated.

The landlord looks up the "ext merge cell" and has a lot of information

Is it to display multiple components on a single line?

with columnlayout

All columns are percentage units, which should add up to 1.

var p = new ,;The width and columnwidth parameters can be mixed, but the columnwidth values must add up to 1.

The first column of the example indicates exactly 120px, and the remaining two columns adapt to the rest of the container.

var p = new ,

There are two ways to do this:

1.All the displayed Chinese characters are displayed by panel, then you can use the columnlayout layout to complete, this method takes more time to adjust the display position of the text;

2.The displayed Chinese character is the fieldlabel of the component, so it needs to be combined with a variety of layouts, because the fieldlabel display needs to work under the form layout, and then cooperate with the columnlayout layout (the columnlayout layout will be used to embed the layout of the form), this method needs to combine multiple layouts;

b=rand(1000,1);% randomly generates a 1000*1 matrix a=reshape(b,5,200)%a is a 5*200 matrix, you can use [n,m]=size(a) to verify the number of rows and columns of a.

For example, a 1000-row and 1-column matrix is changed to a matrix of 5 rows and 200 columns: b=rand(1000,1); % randomly generates a 1000*1 matrix a=reshape(b,5,200)%a is a 5*200 matrix.

Set each block below the column to display:inline-block; , see Web Link Effects.

Use the extjs layout to implement this style.

Let's talk about the layout of extjs.

There are two layouts of FormPanel: Form and Column, Form is a vertical layout, and Column is a horizontal layout. The latter is the default.

Use the layout property to define the layout type. For a complex layout form, the most important thing is to divide it correctly, and the segmentation result directly determines whether the layout can be successfully implemented.

The layout is actually composed of rows and columns, which are divided into two directions: left to right and top to bottom, from left to right is called column, and from top to bottom is called form.

The whole big form is the form layout.

Okay, let's talk about how you can implement this layout.

The whole is a top-right down-down layout, it is a form layout, and then look at each row, there are two elements in it, he is the column layout, and in the colunm layout, each is an element, and the default is the form layout.

**var form = new, ]

}]buttonalign : "center",buttons :

Try it with textarea, this one is multi-line.

Use it if you need a column layout'column', other form layouts.

You shouldn't use column layout in this case, column is an adaptive layout, you should use table or hbox layout, take table as an example, it will be more suitable for your situation:

The periphery is divided into two columns using hbox.。。 vbox

The problem you're trying to solve is to judge first and then show the icon, and your current way is to show the icon first, and then judge that it won't work. It's actually quite simple.

You add a method to the definition, which roughly means this, seticon: function(ic) and then you don't configure the icons attribute when initializing, first go to get the record (you should know how to do this) judgment, assuming that if there is a field value of 1, then use it, then get the object and call seticon(", if it is 0, then use it, then get the object and call seticon(",