Grid -in Panel which has layout- couldnt show records
Hi all,
I have used FormPanel in GridPanel's TopBar for user can select parameter values, on Ext.Net
in Ext.Net.Mobile there is no TopBar, so i try to use panel which has VBox layout as container, FormPanel and Grid in it.
but if panel has layout config, grid couldnt show records.
Code:
@using Ext.Net.Mobile;
@using Ext.Net.Mobile.MVC;
@{
Layout = null;
var X = Html.X();
}
<!DOCTYPE html>
<html>
<head>
<title>Ext.NET Mobile MVC Sample</title>
</head>
<body>
@Html.X().ResourceManager()
@(Html.X().Panel()
.Layout(LayoutType.VBox)
.Padding(10)
.Items(
X.FormPanel()
.Items(
X.NumberField().Label("Number")
),
X.Grid().Height(500)
.Title("Simpsons")
.Store(X.Store()
.Fields("name", "email", "phone")
.Proxy(p =>
{
var proxy = new AjaxProxy();
proxy.Reader.Add(new JsonReader() { RootProperty = "data" });
proxy.Url = Url.Action("GetData");
p.Add(proxy);
})
.AutoLoad(true)
)
.Columns(
X.Column().Text("Name").DataIndex("name").Width(200),
X.Column().Text("Email").DataIndex("email").Width(250),
X.Column().Text("Phone").DataIndex("phone").Width(150)
)
)
)
</body>
</html>
Code:
using Ext.Net.Mobile.MVC;
using System.Collections.Generic;
using System.Web.Mvc;
public class ExtNetMobileController : Controller
{
public ActionResult Index()
{
return this.View();
}
public ActionResult GetData()
{
var data = new List<object>
{
new
{
name = "Lisa",
email = "lisa@simpsons.com",
phone = "555-111-1224"
},
new
{
name = "Bart",
email = "bart@simpsons.com",
phone = "555-222-1234"
},
new
{
name = "Homer",
email = "homer@simpsons.com",
phone = "555-222-1244"
},
new
{
name = "Marge",
email = "marge@simpsons.com",
phone = "555-222-1254"
}
};
return this.Store(data);
}
}
