Ext.NET：访问ColumnModel中的复杂模型字段

Question

我在将列显示在Ext.NET中时遇到问题。 我有以下查看代码：

@(x.Store(
    x.Store()
        .ID("MyStore")
        .AutoLoad(true)
        .Proxy(
            x.AjaxProxy()
                .Url(Url.Action("GetData", "MyController", new { id = Model.Id }))
                .Reader(x.JsonReader().RootProperty("data")))
        .Model(
                x.Model()
                    .Fields(
                        x.ModelField()
                            .Fields(f =>
                            {
                                f.Add("Plan.Value", ModelFieldType.String);
                                f.Add("Plan.IsUrl", ModelFieldType.Boolean);
                            })
                            .IsComplex(true)
                            .Persist(false),
                        x.ModelField()
                            .Name("Id")
                            .Type(ModelFieldType.Int)
                            .Persist(false)))))

@(x.GridPanel()
    .ID("MyPanel")
    .StoreID("MyStore")
    .Selectable(true)
    .HeaderBorders(false)
    .ColumnModel(
        x.Column()
            .DataIndex("Plan.Value")
            .Text("Plan")
            .Width(500)))

我的控制器看起来像：

public class MyController : Controller
{
    private readonly IDataViewModelFactory _storeModelFactory;

    public MyController(IDataViewModelFactory factory)
    {
        if (factory == null)
        {
            throw new ArgumentNullException("factory");
        }

        _storeModelFactory = factory;
    }

    public ActionResult Index(DataListStoreModel model)
    {
        var viewModel = new DataViewModel
        {
            Name = model.Name,
            Id = model.Id
        };

        return View(viewModel);
    }

    public StoreResult GetData(int id)
    {
        var models = _storeModelFactory.GetStoreResults(id);
        return new StoreResult(models);
    }
}

我的模型是：

public class Data
{
    public UrlTextUnion Plan { get; set; }

    public int Id { get; set; }
}

public class UrlTextUnion
{
    public string Value { get; set; }

    public bool IsUrl { get; set; }

    public UrlTextUnion(string value)
    {
        Value = value;
        IsUrl = Uri.IsWellFormedUriString(value, UriKind.Absolute);
    }
}

现在，我知道我正在获取数据，如果添加一个JavaScript侦听器，我可以看到record.Data.Value和record.Data.IsUrl都有数据，但是模型中的列仍然为空。 有人可以告诉我这是怎么回事吗？

Answer 1

您在这里有两个选择。

1.将渲染器添加到GridPanel中的列：

保持示例中的Store不变，然后将GridPanel中的ColumnModel更改为如下所示：

.ColumnModel(
    Html.X().Column()
        .Renderer(new Renderer("return record.data.Plan.Value"))
        .Text("Plan")
        .Width(500)))

2.修改商店模型和GridPanel中的字段：

将映射和名称添加到您的商店字段：

Html.X().Model()
    .Fields(
        Html.X().ModelField()
            .Name("PlanValue")
            .Mapping("Plan.Value")
            .Type(ModelFieldType.String)
            .Persist(false),
        Html.X().ModelField()
            .Name("PlanId")
            .Mapping("Plan.Id")
            .Type(ModelFieldType.Int)
            .Persist(false),
        Html.X().ModelField()
            .Name("Id")
            .Type(ModelFieldType.Int)
            .Persist(false)))))

并更改您的Grid ColumnModel：

.ColumnModel(
    Html.X().Column()
        .DataIndex("PlanValue")
        .Text("Plan")
        .Width(500)))

PS

您最有可能应该更改：

.Url(Url.Action("GetData", "MyController", new { id = Model.Id }))

至

.Url(Url.Action("GetData", "My", new { id = Model.Id }))