. NET Language app development platform--smobiler Learning log: Designing more complex forms with the GridView control

First words: Smobiler is a development platform that uses. NET language to develop apps in the VS environment, perhaps more convenient than Xamarin. Target style

We want to achieve the effect in the following actions:

1. Drag a GridView control to the form interface from "Smobiler components" on the toolbar

2. Modify the properties of the GridView control A.load event code

Vb:Private SubTestgridview3_load (SenderAs ObjectEAsEventArgs)Handles MyBase. LoadDimMattableAs NewDataTableWith mattable. Columns.Add ("Mat_img",GetType (String)). Columns.Add ("Mat_desc1",GetType (String)). Columns.Add ("MAT_DESC2",GetType (String)). Columns.Add ("MAT_DESC3",GetType (String)). Rows.Add (). Rows (0) ("mat_img") ="Img97". Rows (0) ("MAT_DESC1") ="￥69.00". Rows (0) ("MAT_DESC2") = "mat_desc3") =  "1 Invoices". Rows.Add (). Rows (1) ( "mat_img") =  "MAT_DESC1") =  "mat_desc2") =  "2015/07/08". Rows (1) ( "mat_desc3") =  "1 Invoices". Rows.Add (). Rows (2) ( "mat_img") =  "MAT_DESC1") =  "mat_desc2") =  "2015/07/08". Rows (2) ( "mat_desc3") =  "1 Invoices" end with  Me.GridView1.DataSource = mattable me.gridview1.databind () end Sub    

C#:private voidTestgridview3_load (ObjectSenderEventArgsE{DataTableMattable =New DataTable();MATTABLE.COLUMNS.ADD ("Mat_img",typeofstring)); MATTABLE.COLUMNS.ADD ("Mat_desc1",typeofstring)); MATTABLE.COLUMNS.ADD ("MAT_DESC2",typeofstring)); MATTABLE.COLUMNS.ADD ("MAT_DESC3",typeofstring)); MATTABLE.ROWS.ADD (); mattable.rows[0]["Mat_img"] ="Img97"; mattable.rows[0]["MAT_DESC1"] ="￥69.00"; mattable.rows[0]["MAT_DESC2"] ="2015/07/08"; mattable.rows[0]["MAT_DESC3"] ="1 Invoices"; MatTable.Rows.Add (); mattable.rows[1]["mat_img"] = "img96"; mattable.rows[1]["mat_desc1"] = "￥39.00"; mattable.rows[1]["mat_desc2"] = "2015/07/08"; mattable.rows[1]["mat_desc3"] = "1 Invoices"; MATTABLE.ROWS.ADD (); mattable.rows[2]["mat_img"] = "img95"; mattable.rows[2]["mat_desc1"] = "￥280.00"; mattable.rows[2 ["mat_desc2"] = "2015/07/08"; mattable.rows[2]["mat_desc3"] = "1 Invoices"; This . Gridview1.datasource = mattable; This . Gridview1.databind (); }

B.layout Property

Create a new Mobileform item, and name it MessageShow3, and drag it into a Label control, 1

The layout property of the GridView, binding the newly created form messageshow3,2

Figure 1	Figure 2

3.Smobiler Form Design Interface Display effect

Second, the mobile phone effect display

. NET Language app development platform--smobiler Learning log: Designing more complex forms with the GridView control