Dec 12, 2015, 9:45 AM
[CLOSED] GridPanel Hiding Columns dynamically
Hi
I want to be able to hide columns in a GridPanel depending on selections made by the user.
To test this out I've developed a simple example where when I press a button a certain column is hidden. However, it only hides the data in the column.
If I add '.Hidden(true) against the Column in the ColumnModel it hides the whole column. I must be missing something?
This is my View:
I want to be able to hide columns in a GridPanel depending on selections made by the user.
To test this out I've developed a simple example where when I press a button a certain column is hidden. However, it only hides the data in the column.
If I add '.Hidden(true) against the Column in the ColumnModel it hides the whole column. I must be missing something?
This is my View:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
var test = function (grid) {
grid.columns[1].hidden = true;
grid.reconfigure();
};
</script>
</head>
<body>
@Html.X().ResourceManager().ScriptMode(Ext.Net.ScriptMode.Debug).SourceFormatting(true)
@(Html.X().GridPanel().Width(352)
.Title("Users").ID("GridPanel").Border(true)
.Store(Html.X().Store()
.ID("Store")
.Model(Html.X().Model().ID("Model").IDProperty("ID")
.Fields(
new ModelField("ID", ModelFieldType.Int),
new ModelField("Name"),
new ModelField("Period")
)
)
.Proxy(Html.X().AjaxProxy().Url(Url.Action("Read")).Reader(Html.X().JsonReader().RootProperty("data"))))
.ColumnModel(
Html.X().Column().Text("Name").DataIndex("Name").Flex(20),
Html.X().Column().Text("Period").DataIndex("Period").Flex(20).ID("Period")
)
.TopBar(
Html.X().Toolbar()
.Items(
Html.X().Button().Text("Test").Icon(Icon.Delete).Listeners(lst => { lst.Click.Handler = "test(#{GridPanel})"; })
)
)
)
</body>
</html>using Ext.Net;
using Ext.Net.MVC;
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.Mvc;
namespace ExtNetBugsMVC.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult Read()
{
List<User> lstUsers = new List<User>();
lstUsers.Add(new User(1000, "Jeff", "00:10"));
lstUsers.Add(new User(1001, "James", "02:00"));
return this.Store(lstUsers);
}
}
public class User
{
public User()
{
}
public User(int id, string name, string period)
{
ID = id;
Name = name;
Period = period;
}
public int ID { get; set; }
public string Name { get; set; }
public string Period { get; set; }
}
}
Last edited by Daniil; Dec 14, 2015 at 2:06 PM.
Reason: [CLOSED]
