Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Elin 45 posts 166 karma points
    Jul 14, 2017 @ 13:13
    Elin
    0

    How to check if Umbraco Grid has values

    Templates, (partial) views and macros
    Umbraco 7

    Hi,

    Is there an easy way to verify if the grid in umbraco has value ?

    Basically what I'm trying to do is to check if has any content in it, something similar to the below code but for the grid.

    @if (CurrentPage.HasValue("field-name")

    I tried using the grid's field name, but even when the grid is empty, it still come back as if the grid had some invisible values.

    I don't know if it will help but below is a piece of the code that I'm working with; any help will be greatly appreciated.

    @if (CurrentPage.HasValue("section6Title") || CurrentPage.HasValue("section6Subtitle") || CurrentPage.HasValue("section6MainContent")) {
    <div class="stellar-section">
        @Umbraco.RenderMacro("IconListBanner")
    </div><!-- .stellar-section -->
}
    Copy Link
  • Dennis Aaen 4499 posts 18254 karma points admin hq c-trib
    Jul 14, 2017 @ 18:35
    Dennis Aaen
    0

    Hi Elin,

    I found a similar thread at the forum. Perhaps you can use the approach to check if the grid has a value.

    https://our.umbraco.org/forum/umbraco-7/using-umbraco-7/73346-check-if-umbraco-grid-is-empty

    Hope this helps,

    /Dennis

    Copy Link
  • Elin 45 posts 166 karma points
    Jul 14, 2017 @ 18:42
    Elin
    0

    Hi Dennis,

    Thanks for replying.

    I went through that thread already, and also commented (Last post at the bottom of the thread).

    In brief I need a solution that doesn't involve downloading a package, as things might get too complicated.

    I need something similar to the "HasValue" in order to check if the grid is empty or actually has contents.

    Copy Link
  • Dennis Aaen 4499 posts 18254 karma points admin hq c-trib
    Jul 14, 2017 @ 18:46
    Dennis Aaen
    0

    Hi Elin,

    Just so we know what exact version of Umbraco are you using?

    Best,

    /Dennis

    Copy Link
  • Elin 45 posts 166 karma points
    Jul 14, 2017 @ 18:48
    Elin
    0

    I'm using Umbraco Cloud, the latest version as far as I know (as it gets updated automatically).

    Copy Link
  • Dennis Aaen 4499 posts 18254 karma points admin hq c-trib
    Jul 14, 2017 @ 18:50
    Dennis Aaen
    0

    HI Elin,

    Okay I will try to see if I can find a way to check this with out any further packages installed.

    I will come back to you with the results I find.

    Best,

    -Dennis

    Copy Link
  • Elin 45 posts 166 karma points
    Jul 14, 2017 @ 18:52
    Elin
    0

    Thanks a lot for your help, I really appreciate it.

    Copy Link
  • Anders Bjerner 487 posts 2989 karma points MVP 7x admin c-trib
    Jul 14, 2017 @ 19:03
    Anders Bjerner
    1

    I can really recommend using my GridData package. If you're using v2.0 or newer, you can do something like this:

    @using Skybrud.Umbraco.GridData
@using Skybrud.Umbraco.GridData.Extensions
@inherits UmbracoTemplatePage
@{
    Layout = "Master.cshtml";

    GridDataModel grid = Model.Content.GetGridModel("content");

    if (grid.IsValid) {
        @grid.GetHtml(Html, "fanoe")
    }

}

    Anyways, if you haven't installed my package, you can do something like this instead:

    @using Newtonsoft.Json.Linq
@inherits UmbracoTemplatePage
@{
    Layout = "Master.cshtml";

    JObject grid = CurrentPage.content;

    if (grid.SelectTokens("sections[*].rows[*].areas[*].controls").Any()) {
        @CurrentPage.GetGridHtml("content", "fanoe")
    }

}

    Umbraco uses an instance of JObject to represent the grid value, and as such we can use the SelectTokens method along with a JPath (similar to XPath, just for JSON) to match the grid controls.

    Copy Link
  • Elin 45 posts 166 karma points
    Jul 14, 2017 @ 20:11
    Elin
    0

    Hi Anders,

    I tried your suggestion but I get an error code, see below.

    Cannot implicitly convert type 'Umbraco.Core.Dynamics.DynamicNull' to 'Newtonsoft.Json.Linq.JObject

    I tried replacing the JObject in front of the grid with a var but that didn't do anything.

    I pasted my entire code section below maybe I'm doing something wrong that I can't figure out yet

        @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
    @inherits System.Web.Mvc.WebViewPage
    @using Newtonsoft.Json.Linq
    @inherits UmbracoTemplatePage
    @{
        Layout = "Template.cshtml";

        JObject grid = CurrentPage.content;

        if (grid.SelectTokens("sections[*].rows[*].areas[*].controls").Any()) {
            @CurrentPage.GetGridHtml("section1Grid", "Bootstrap3-Fluid")
        }
    }
    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage
    @using umbraco.cms.businesslogic.web;
    @section HeadContent {
        <link rel="stylesheet" href="/css/dynamic-template.css">
    }

    @section BodyContent {
        <!--content-->
        <div id="standard-page-banner" class="stellar-section">
            @Umbraco.RenderMacro("StandardPageBanner")
        </div><!-- #standard-page-banner .stellar-section -->

        @if (CurrentPage.HasValue("section1Title") || CurrentPage.HasValue("section1Subtitle") || CurrentPage.HasValue("section1MainContent")) {
            <div id="section-1" class="thumb-box4 light-background">
                <div class="container">
                    <p class="title wow fadeInDown animated"><strong>@Umbraco.Field("section1Title", casing: RenderFieldCaseType.Upper, convertLineBreaks:true)</strong></p>
                    <p class="sub-title wow fadeInLeft animated">@Umbraco.Field("section1Subtitle", casing: RenderFieldCaseType.Upper, convertLineBreaks:true)</p>
                    <p class="text wow fadeInLeft animated">@Umbraco.Field("section1MainContent", convertLineBreaks: true, removeParagraphTags: true)</p>
                    @CurrentPage.GetGridHtml(Html, "section1Grid", "Bootstrap3-Fluid")
                </div><!-- .container .wow .fadeInRight -->
            </div><!-- #section-1 .thumb-box4 .light-background -->
        }
}

    I have to say that I've only been using Umbraco for about a year, so I'm still fairly new and there's still a lot for me to learn.

    Thanks

    Copy Link
  • Anders Bjerner 487 posts 2989 karma points MVP 7x admin c-trib
    Jul 14, 2017 @ 21:08
    Anders Bjerner
    100

    Hi again,

    In my examples, content was the alias of my property, so your code fails because you don't have a property with that alias.

    From the code you've posted, it seems that your property alias is section1Grid, so the line that fails should be this instead:

     JObject grid = CurrentPage.section1Grid;

    To be extra sure, you can also add another validation check:

    if (CurrentPage.section1Grid is JObject) {

    JObject grid = CurrentPage.section1Grid;

    // the rest of your code

}

    This will check whether the value of the property is fact of the type JObject.

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft