C# 我想通过使用html在没有网格的视图中打印此方法的结果

C# 我想通过使用html在没有网格的视图中打印此方法的结果,c#,asp.net-mvc,C#,Asp.net Mvc,请把我弄出去。我想通过使用html在没有网格的视图中打印此方法的结果 public JsonResult GetDeficiency([DataSourceRequest] DataSourceRequest request) { List<Walkthru> deficiency = new List<Walkthru>(); Walkthru wt = new Walkthru(); wt.deficiency = "Incorrect fau

请把我弄出去。我想通过使用html在没有网格的视图中打印此方法的结果

public JsonResult GetDeficiency([DataSourceRequest] DataSourceRequest request)
{
    List<Walkthru> deficiency = new List<Walkthru>();
    Walkthru wt = new Walkthru();
    wt.deficiency = "Incorrect faucet installed";
    wt.image = "";
    deficiency.Add(wt);

    wt = new Walkthru();
    wt.deficiency = "Very low water pressure";
    wt.image = "";
    deficiency.Add(wt);

    return Json(deficiency.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
public JsonResult GetDefinition([DataSourceRequest]DataSourceRequest请求)
{
列表缺陷=新列表();
Walkthru wt=新的Walkthru();
wt.defection=“安装的水龙头不正确”;
wt.image=“”;
缺陷。添加(wt);
wt=新的漫游();
wt.defection=“水压极低”;
wt.image=“”;
缺陷。添加(wt);
返回Json(definance.ToDataSourceResult(request),JsonRequestBehavior.AllowGet);
}

我能提供的一个解决方案是通过Knokcout JS。假设您有一个控制器动作,它实际上会给您一组记录-

 public JsonResult GetDeficiency()
 {
     List<Walkthru> deficiency = new List<Walkthru>();
     Walkthru wt = new Walkthru();
     wt.deficiency = "Incorrect faucet installed";
     wt.image = "";
     deficiency.Add(wt);

     wt = new Walkthru();
     wt.deficiency = "Very low water pressure";
     wt.image = "";
     deficiency.Add(wt);

     return Json(deficiency, JsonRequestBehavior.AllowGet);
  }
publicJSONResult getDefension()
{
列表缺陷=新列表();
Walkthru wt=新的Walkthru();
wt.defection=“安装的水龙头不正确”;
wt.image=“”;
缺陷。添加(wt);
wt=新的漫游();
wt.defection=“水压极低”;
wt.image=“”;
缺陷。添加(wt);
返回Json(缺陷,JsonRequestBehavior.AllowGet);
}
然后您可以使用html和JQuery-

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/knockout-2.2.0.js"></script>    

<div class='table table-bordered' data-bind= "foreach: records">
     <div>
          <div data-bind="text: deficiency"></div>
          <div data-bind="text: image"></div>
      </div>
</div>

<script>
    function Model() {
        var self = this;
        self.records = ko.observableArray([]);

        $.getJSON("/home/GetDeficiency", function (data) {
            self.records(data);
        })
    }
    ko.applyBindings(new Model());
</script>

函数模型(){
var self=这个;
self.records=ko.observearray([]);
$.getJSON(“/home/GetDefension”),函数(数据){
自我记录(数据);
})
}
应用绑定(新模型());

运行代码时,您可以将所有记录作为项目显示在div中。

您的意思是在表中吗?为什么不返回呈现数据的部分结果呢。如果希望JSON更新现有的表,那么
返回JSON(definance,JsonRequestBehavior.AllowGet)并访问AJAX成功中的集合属性从功能上讲,return语句类似于return Json(definance.ToDataSourceResult(request),JsonRequestBehavior.AllowGet);