使用 ASP.NET MVC 4 收集远程数据后显示或隐藏按钮

Question

我有数据正在返回。 按钮触发某种类型的数据是否显示在网格结果中。

我有一个要求，如果没有电表，不要显示电动按钮。

索引必须返回 model 的实例，但它会在报告运行之前返回它：

public ActionResult Index(String reportID, String reportName) {
    _reportID = reportID;
    _meters = new Domain.Meters();
    ViewBag.ReportName = reportName;
    return View(_meters);
}

正因为如此，我下面的按钮都没有出现。

<button type="button" id="all" value="All" class="btn btn-default active">All</button>
@if (Model.AnyElectric()) {
<button type="button" id="electric" value="Electric" class="btn btn-default">Electric</button>
}
@if (Model.AnyGas()) {
<button type="button" id="gas" value="Gas" class="btn btn-default">Gas</button>
}
@if (Model.AnyWater()) {
<button type="button" id="water" value="Water" class="btn btn-default">Water</button>
}

我也试过这样：

<button type="button" id="all" value="All" class="btn btn-default active">All</button>
@{
    var electBtn = Model.AnyElectric() ? "btn-default" : "hidden";
    var gasBtn = Model.AnyGas() ? "btn-default" : "hidden";
    var waterBtn = Model.AnyWater() ? "btn-default" : "hidden";
}
<button type="button" id="electric" value="Electric" class="btn @electBtn">Electric</button>
<button type="button" id="gas" value="Gas" class="btn @gasBtn">Gas</button>
<button type="button" id="water" value="Water" class="btn @waterBtn">Water</button>

它没有任何区别。

这些都在页面加载时隐藏，但是在 Kendo Grid 调用并接收数据之后，我似乎无法在 HTML 控件中刷新更新的值。

public bool AnyElectric { get; set; }

public bool AnyGas { get; set; }

public bool AnyWater { get; set; }

public async Task<JsonResult> GetGapReport([DataSourceRequest] DataSourceRequest request, String serviceType = null) {
    var result = new DataSourceResult();
    _meters = new Domain.Meters();
    if (String.IsNullOrEmpty(serviceType)) {
        serviceType = "All";
    }
    ViewBag.ReportName = String.Format("Gap Report - {0} Meters", serviceType);
    var report = await _portal.ReadGapReport(_reportID);
    if (serviceType == "Electric") {
        _meters.AddRange(report.Subset(Domain.MeterServiceType.Electric));
    } else if (serviceType == "Gas") {
        _meters.AddRange(report.Subset(Domain.MeterServiceType.Gas));
    } else if (serviceType == "Water") {
        _meters.AddRange(report.Subset(Domain.MeterServiceType.Water));
    } else {
        _meters.AddRange(report);
    }
    result = _meters.ToDataSourceResult(request);
    AnyElectric = report.AnyElectric();
    AnyGas = report.AnyGas();
    AnyWater = report.AnyWater();
    View(report); // Can I do this?
    return new JsonResult { Data = result, JsonRequestBehavior = JsonRequestBehavior.AllowGet, MaxJsonLength = Int32.MaxValue };
}

剑道网格有一个数据绑定事件，但那是在网格被过滤之后。 我似乎无法访问 Controller 中的属性（或者我不知道如何访问它们）：

.Events(o => o
    .DataBound("onDataBound")
    .ExcelExport("excelExport")
)

jQuery 访问网格数据：

function onDataBound(e) {
    var btnElec = $('#electric');
    var btnGas = $('#gas');
    var btnWater = $('#water');
    var grid = $('#grid').data('kendoGrid'); // alternate: e.sender; 
    // more code
}

但是，该数据已被过滤为仅显示某些类型。 如果完整数据集没有结果，我需要隐藏按钮。 报告需要时间来运行，所以我不想为每个按钮运行单独的报告。

如何更新 HTML 控件？ 现在，它们都被隐藏起来了。