Column example

Author: ithielnor

Griddly/Controllers/ExampleController.cs

@@ -9,6 +9,17 @@ namespace Griddly.Controllers
 {
     public partial class ExampleController : Controller
     {
+        public ActionResult Columns()
+        {
+            return View("Example", new ExampleModel()
+            {
+                Title = "Columns Example",
+                GridAction = "ColumnsGrid",
+                GridView = "ColumnsGrid.cshtml",
+                Description = "Griddly column helpers offer several ways to quickly define your table structure."
+            });
+        }
+
         public ActionResult Filters()
         {
             return View("Example", new ExampleModel()

Griddly/Controllers/Examples/ColumnsGrid.cs

@@ -0,0 +1,18 @@
+using Griddly.Models;
+using Griddly.Mvc;
+using Griddly.Mvc.Results;
+using System.Linq;
+using System.Web.Mvc;
+
+namespace Griddly.Controllers
+{
+    public partial class ExampleController : Controller
+    {
+        public GriddlyResult ColumnsGrid()
+        {
+            IQueryable<TestGridItem> query = _testData;
+
+            return new QueryableResult<TestGridItem>(query);
+        }
+    }
+}

Griddly/Griddly.csproj

@@ -126,7 +126,10 @@
     <Compile Include="App_Start\FilterConfig.cs" />
     <Compile Include="App_Start\RouteConfig.cs" />
     <Compile Include="Controllers\ExampleController.cs" />
-    <Compile Include="Controllers\Examples\FiltersGrids.cs">
+    <Compile Include="Controllers\Examples\ColumnsGrid.cs">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Compile>
+    <Compile Include="Controllers\Examples\FiltersGrid.cs">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
     </Compile>
     <Compile Include="Controllers\HomeController.cs" />
@@ -278,6 +281,7 @@
     <Content Include="Views\Home\Test2Grid.cshtml" />
     <Content Include="Views\Example\Example.cshtml" />
     <Content Include="Views\Example\FiltersGrid.cshtml" />
+    <Content Include="Views\Example\ColumnsGrid.cshtml" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Griddly.Mvc\Griddly.Mvc.csproj">

Griddly/Views/Example/ColumnsGrid.cshtml

@@ -0,0 +1,28 @@
+@{
+    var gridSettings = new GriddlySettings<TestGridItem>()
+    {
+        PageSize = 20,
+        RowClickUrl = x => "http://microsoft.com",
+        EmptyGridMessageTemplate =@<text><div class="alert alert-warning">@item.Settings.EmptyGridMessage</div></text>,
+        EmptyGridMessage = "Sorry, no records were found"
+    };
+
+    gridSettings
+        .Column(x => x.Id)
+        .Column(x => x.FirstName, "First Name")
+        .Column(x => x.LastName, "Last Name", defaultSort: SortDirection.Ascending, className: "custom-style")
+        .Column(x => x.Address)
+        .Column(x => x.City)
+        .Column(x => x.State)
+        .Column(x => x.PostalCode, "Zip")
+        .Column(x => x.Quantity)
+        .Column(x => x.Total, format: "c")
+        .Column(x => x.Date, htmlAttributes: x => new { data_date = x.Date })
+        .Column("Approved", template: x => x.IsApproved ? "YES" : "NO!");
+}
+
+<style>
+    .custom-style { font-weight: bold; }
+</style>
+
+@Html.Griddly(gridSettings)

Griddly/Views/Example/FiltersGrid.cshtml

@@ -1,6 +1,4 @@
 @{
-    ViewBag.Title = "TestGrid";
-
     List<SelectListItem> groupedList = new List<SelectListItem>()
     {
         new SelectListItemGroup()