MvcContrib Grid e visualizzazione / modifica di modelli

Question

Qualcuno ha incontrato una soluzione buona per l'utilizzo di ./Views/Shared/DisplayTemplates e ./Views/Shared/EditTemplates con il MvcContrib.UI griglia?

Credo che avrei potuto wireup un CustomItemRenderer, ma io preferirei di gran lunga essere in grado di fare qualcosa di simile:

<% Html.Grid<Person>(Model.People)
         .Sort(new GridSortOptions {Column = Model.Column, Direction = Model.Direction})
         .Columns(column =>
         {
           column.For(e=>e.Name);
           column.DisplayFor(e=>e.StartDate); // <-- I'd like to do this for DateTime.asxc
         }).Render();
%>

Ci potrebbe già essere qualcosa in griglia per fare questo e io non ho trovato ancora. Qualsiasi aiuto sarebbe molto apprezzato.

Grazie,

Hal

Answer 1

Ho acheived questo modificando il codice sorgente nelle classi GridRenderer e GridColumn. La variazione GridColumn è quello di aggiungere la seguente funzione:

public object GetRawValue(T instance)
{
  if (!_cellCondition(instance))
  {
    return null;
  }

  var value = _columnValueFunc(instance);
  return value;
}

Poi il cambiamento di GridRenderer è nella funzione RenderItem da modificare nel seguente modo:

 protected virtual void RenderItem(GridRowViewData<T> rowData)
{
  BaseRenderRowStart(rowData);

  HtmlHelper<T> html = new HtmlHelper<T>(Context, new ViewPage());
  foreach (var column in VisibleColumns())
  {
    //A custom item section has been specified - render it and continue to the next iteration.
    if (column.CustomItemRenderer != null)
    {
      column.CustomItemRenderer(new RenderingContext(Writer, Context, _engines), rowData.Item);
      continue;
    }

    RenderStartCell(column, rowData);

    var cellValue = column.GetRawValue(rowData.Item);
    if (cellValue != null)
    {
      //RenderText(cellValue.ToString());         
      MvcHtmlString value = html.DisplayFor<T, object>(m => cellValue);
      string str = (value.ToString() == string.Empty) ? cellValue.ToString() : value.ToString();
      if (column.HtmlEncode == true)
      {
        str = (value.ToString() == string.Empty) ? HttpUtility.HtmlEncode(cellValue.ToString()) : value.ToHtmlString();
      }
      RenderText(str);
    }

    RenderEndCell();
  }

  BaseRenderRowEnd(rowData);
}

Una volta fatto questo la griglia utilizzerà i modelli trovati. Ho testato solo con DisplayTemplates come questo è tutto bisogno io, ma dovrebbe funzionare anche per EditorTemplates con un leggero cambiamento.

Answer 2

Ho creato questo metodo di estensione:

public static IGridColumn<Column> DisplayFor<Column, Model, Value>(this ColumnBuilder<Column> column, HtmlHelper<Model> html, Func<Column, Value> getValueFunc)
    where Column : class
{
    return column.Custom(o =>
                             {
                                 var value = getValueFunc(o);
                                 return MvcHtmlString.Create("<span>" + html.DisplayFor(modelItem => value) + "</span>");
                             });
}

sguardi di utilizzo come segue:

column.DisplayFor(Html, sector => sector.Created);

Answer 3

In realtà si potrebbe fare questo:

column
    .For(model => model.StartDate)
    .Partial("~/Views/Shared/DisplayTemplates/YourModelName.ascx");

Il problema di questo approccio è che l'intero modello sarà passato al parziale e non semplicemente la proprietà.