© MECHAN 2009 All right reserved.

MecGrid W I Z A R D

How to be a magician for your MecGrid.

Data Visual with W I Z A R D

Introduction to W I Z A R D

1

MecGrid Library Version.

2 3

4

5Option CategoryPanel

Property Form

Preview With Sample Data

Generated Wizard code

Apply properties and change preview

Generate Resource String

Check resource string text and preview MecGrid

7

Contact to support (email)Contact to support (email)

6

Visit project home page.

MecGrid Properties in XML Format (Used in ResourceXML)

How to apply wizard to your MecGrid

<MecGrid:MecGrid id="mgrid" bottom="40" right="10" top="60" left="10" dataProvider="{myDataCollection}">        <MecGrid:ResourceString>eNrF1c2O2jAQB/BjpT6F5Vy6oio4HyxVyEq7rHrqpepqr8jFQ2IpsVl7YNkH6fvWxHwotEbpgfaSZMx48v8hRX73c/pVWrx7T8hUr1BqRRa6tgWdULKUWxBGv7oq3lf+txElDZgS5n5HQdPuwvzQu27Ub93zw9h2qq3c/JUBLmwFgAX94taghsWutdECCspcFDQAGwluz5MvZqfhCFvktSxVA8oNGJ+t+PcVNKPDVulj2d3zsSKKN+5Nrpi7gYIjX0qo3SYfBQQlG2nljxraACAk8rZwad0mqQRs2yx8jfpVCqzavv1TyvxMfFtBN/Eu1ak6JGWuZalNw9GikaosKCWV+4fAFPR7Gyj3Ny/6k4J1FAu9VmjeeiFYADHuILIOIv1LxMznyff3MCPuMiT2M8T/wuDC5LtLOH3SSf+CrFf4JBB+MgmHZ6Ne6aOPURR9iqKT4tnlQW1sziySb2uOYMiH+5uwKT0zxb1MacD0Ob6mKVbiaHq4YMrOTEkvUxYyja5pSszJNLtgGp+Z0l6m8X8xpVgdTY8XTLcdE9+UvUy3ARPLkiug7jdgeAmkcJ/R4GEwGzzekCFJ88D6/kwaHg+l6bA9jn8BCJF0Hw==        </MecGrid:ResourceString></MecGrid:MecGrid>

Using Exported ResourceString

1. PREVIEW panel EXPORT button will generate compressed resource string in RESOURCE STRING panel.2. Copy text on RESOURCE STRING panel and paste the code in your MecGrid with ResourceString property.

Using Exported ResourceXML

1. PREVIEW panel EXPORT button will generate compressed resource string in RESOURCE STRING panel.2. In RESOURCE STRING panel click SOURCE button in bottom. The Source XML Window will open.2. Copy text on Source XML window and paste the code in your MecGrid with ResourceXML property in XML tag.

►

►

Design Columns and Fixed Rows

-Change column and fixed row count.-Click Apply button to preview.

Grid Options►

Merge Options►

134

2

1. Merge rules on data area (bellow fixed row and right side of fixed column)2. Check merge fixed check button and set rule for fixed row and columns3. Merge rules on upper fixed row line (If merge fixed check button is checked).4. Merge rules on left fixed column line (If merge fixed check button is checked).

- Restrict Previous Merges if up cell or right cell is merged.

- Free Merge Merges only if next row value or column value is

same.

Merge Rules►

Design Columns and Fixed Rows

-Selection Range : Defines user can focus on each cell or row as a cell group.-Selection Mode : Defines single or multiple cell/rows. Multiple selection returns array with selection information class

When user changes selection, fires selectionChanged event.

Selection Options►

Default Alignment►

-Defines Fixed Area and normal area text alignment. If the column has default alignment option then this rule is applied.-Default text alignment value is LEFT CENTER.

Design Columns and Fixed Rows

-Show Spreadsheet Index : Generate row(Number) and column(Alphabet) index

Use Features►

Sort Option►

-MecGrid can sort on single column or multiple column with sort sequence.

Spreadsheet index

Column Designer

-Name : name of the column-DataField : If dataProvider is set then dataField defines each columns data index or data name (For example, XMLList Collection then set datafield to @field1 for xml attribute named field1.)-Visible : Uncheck on the field you want to hide column.-Editable : Defines when user double click on cell, whether MecGrid will notify editable event to parent.-DataType (Double click to select)-FormatString (Double click to edit) 1. (#,### for 1000 seperator) 2. ($#,### for $1,000) 3. (#,###.## for specify float position) -Text Alignment Defines Column level text alignment. Normal for data region and fixed for upper fixed area each.

In Column Option node, you can change each columns detailed properties.

Column Design►

TEXT : StringNUMERIIC : NumberStatus : Dashboard element to draw.BOOLEAN : Render checkbox button.

MecGrid DataType►

Detailed Column Property Setting

- Change the detailed column properties.

Column Property►

Styles

Predefined Styles►

• Normal– Default cell style property.

• Fixedrow– Default cell style on upper fixed row area.

• Fixedcolumn– Default cell style on left fixed column area.

• Spreadsheet– Spreadsheet indexing area styles.

• Subtotal– Default cell style on subtotal result

Style Properties► Make a custom cell style►