23 votes

U7 Grid Data Type

This is an Umbraco 7 data type (property editor) for repeatable data ( data grid ).
Supported data types:

  • Textbox
  • Textarea
  • Rich text editor
  • Date picker / with time picker
  • Media picker
  • Multiple Media picker
  • Content picker
  • Multiple Content picker
  • Checkbox
  • Drop down
  • Numeric
  • Read only

This package will create a propery editor called "Content grid".
You will then need to create a new Data Type and select ‘Content grid’ for the Property editor field & edit your grid columns.

Note: This only works with Umbraco 7 or higher. Do not attempt to install on earlier versions.
  ** Version 1.2 is for umbraco 7.2.x **

Github : https://github.com/giladk/U7-Grid-Data-Type
You are more than welcome to contribute.

Razor example

<div>    
@foreach (var dog in CurrentPage.dogs)
{
<div>
<p>Name - @dog.name </p>
@* Editor content - parse internal links *@
<p>@Html.Raw(umbraco.template.ParseInternalLinks(dog.description.ToString())) </p>
@* Media picker - single *@
@if (dog.image != "") {
IPublishedContent dogImage=Umbraco.TypedMedia(dog.image.ToString());
<img src="@dogImage.Url" />
}
@* Media picker multiple - split the id's *@
@if (dog.images != "") {
foreach (var item in dog.images.ToString().Split(','))
{
IPublishedContent dogImage = Umbraco.TypedMedia(item);
<img src="@dogImage.Url" />
}
}
@* Content picker multiple *@
@if (dog.brothers != ""){
foreach (var item in dog.brothers.ToString().Split(','))
{
// get link
var contentLink = Umbraco.NiceUrl(int.Parse(item));
// get node
dynamic pickerNode = new umbraco.MacroEngines.DynamicNode(item);
<a href="@contentLink">@pickerNode.Name</a>
}
}
@* Check box *@
@if (dog.trained == "True")
{
<p>This dog is traind.</p>
}
</div>
}
</div>

Changelog 

V 1.2 - [2014/12/02]

  • ** This version is for umbraco 7.2.x **
  • Fixed bugs.
  • Added "Multiple" option to "Content picker".
  • Added "Read only" to supported data types.
  • Added Drag & Drop support for sort the items.

V 1.1.1 - [2014/04/03]

  • Fixed multi data grids issue.

V 1.1 - [2014/03/27]

  • Fixed "Drop down" bug.
  • Added "Time picker" option for "Date picker".
  • Added "Numeric" to supported data types.

 

Screenshots

Package owner

gilad

gilad

gilad has 425 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
8.3.x (untested)
8.2.x (untested)
8.1.x (untested)
8.0.x (untested)
7.15.x (untested)
7.14.x (untested)
7.13.x (untested)
7.12.x (untested)
7.11.x (untested)
7.10.x (untested)
7.9.x (untested)
7.8.x (untested)
7.7.x (100%)
7.6.x (50%)
7.5.x (0%)
7.4.x (50%)
7.3.x (100%)
7.2.x (75%)
7.1.x (100%)
7.0.x (100%)
6.1.x (untested)
6.0.x (untested)

You must login before you can report on package compatibility.

Package Information

  • Package owner: gilad
  • Created: 09/03/2014
  • Current version 1.2
  • .net Version 4.0
  • License MIT
  • Downloads: 7333