Hello,

I'm trying to get a nested content collection in a partial with an ajax call like this (the call works fine, ignore the success I haven't reached that point yet):

 $(".clearAll-desktop").click(function () {
        event.preventDefault;
        var pageId = $(".curtains-module").attr('id');
        console.log(pageId);
        $.ajax({
            url: '/umbraco/Surface/CurtainsModuleSurface/GetFabrics',
            type: 'POST',
            data: { data: pageId },
            dataType: 'string',
            success: function (data1) {
                console.log('success');
            }
        });
        return false;
    })

The controller(here's where the problem lies):

    namespace MyNameSpace.Web.Controllers.Surface
{
    public class CurtainsModuleSurfaceController : BaseSurfaceController
    {

        [HttpPost]
        public JsonResult GetFabrics(int data)
        {
            var page = Umbraco.TypedContent(data);//this returns the id correctly
            var fabricsCollection = page.GetPropertyValue<IEnumerable<IPublishedContent>>("fabricsCollection"); //fabrics collection returns null
            return Json(fabricsCollection);
        }
    }
}

The main view is rendered like this:

@foreach (var item in Model.GetPropertyValue<IEnumerable<IPublishedContent>>("generalContentCollection"))
{
    var partialViewName = "_" + item.DocumentTypeAlias;
  if (partialViewName == "_curtainsModule")
   {
        Html.RenderPartial("CurtainsModule", new CurtainsModuleModel(Model, item));
    }
    else
    {
        @Html.Partial(partialViewName, item);
    }
}

So, basically the fabricsCollection is a nested content collection deep inside another nested content collection. However, when I try to get it from the page (the controller is the problem here) it returns null. I'm not sure why, would someone be able to help?

Thanks in advance, Harry