如何根据日期，Usinng淘汰映射对值进行分组 [英] How to group the values based on date ,Usinng knockout mapping

问题描述

这里我正在从数据库中检索数据列表，并将其传递到knockoutmapping对象并绑定它....我的问题是我必须根据日期对数据进行分组，我从数据库和UI获取它我在将其显示在表格中。我应该在单行中有两个相同的日期数据，但相同的日期显示在我已经完成的两个不同的行中





my代码是：

here i am retrieveing a list of data from database, and passing it into knockoutmapping object and binding it....my issue is i have to group the data based on date which i got it from db and in UI i am displaying it in a table. and i should have two same dated data in single row, but same dates are displayng in two different rows which i have done


my code is:

<script lang="en" type="text/javascript">
    $(function () {
        var viewModel = {
            homeWorkList: ko.mapping.fromJS(@Html.Raw(Json.Encode(Model)))
        };
        ko.applyBindings(viewModel);
    });

</script>
 <h1> Home-Work <small>Daily</small></h1> <hr>

 <div class="tab-pane fade active in">
     <h3>class VI<small> Section B </small></h3>
          <br>
<table class="table table-bordered">
    <thead>
        <tr>
          <th width="6%">@Resources.StudentHomeWorkDate</th>
           <th width="4%">@Resources.StudentHomeWorkSubject</th>
          <th width="26%">@Resources.StudentHomeWork</th>

          </tr>
         <tbody data-bind="foreach: homeWorkList">


             <tr >

                 <td data-bind="text:HomeWorkDate"></td>
                <td data-bind="text:HomeWorkSubject" > </td>
                 <td data-bind="text:HomeWorkDescription"></td><td data-bind="text:HomeWorkDescription"></td>


             </tr>
             </tbody>

      </thead>

</table>

     </div>

推荐答案

（function（）{
var viewModel = {
homeWorkList：ko.mapping.fromJS（@ Html.Raw（Json.Encode（Model）））
};
ko.applyBindings（viewModel）;
}）;

< / script >
< h1 > 主页 - 工作< small > 每日< / small > < / h1 > < hr >

< div class = tab-pane淡入淡出 >
< h3 > 类VI < small > B部分< / small > < / h3 >
< br >
< table class = table table-bordered >
< thead >
< tr >
< th width = 6％ < span class =code-keyword>> @ Resources.StudentHomeWorkDate < / th >
< th width = 4％ > @ Resources.Studen tHomeWorkSubject < / th >
< th width = 26％ > @ Resources.StudentHomeWork < / th >

< / tr >
< tbody data-bind = foreach：homeWorkList >


< tr >

< td data-bind = text：HomeWorkDate > < / td >
< td < span class =code-attribute> data-bind = text：HomeWorkSubject > < / td >
< td data-bind = text：HomeWorkDescription > < / td > < td data-bind = text： HomeWorkDescription > < / td >


< / tr >
< / tbody >

< / thead >

< / table >

< / div >

(function () { var viewModel = { homeWorkList: ko.mapping.fromJS(@Html.Raw(Json.Encode(Model))) }; ko.applyBindings(viewModel); }); </script> <h1> Home-Work <small>Daily</small></h1> <hr> <div class="tab-pane fade active in"> <h3>class VI<small> Section B </small></h3> <br> <table class="table table-bordered"> <thead> <tr> <th width="6%">@Resources.StudentHomeWorkDate</th> <th width="4%">@Resources.StudentHomeWorkSubject</th> <th width="26%">@Resources.StudentHomeWork</th> </tr> <tbody data-bind="foreach: homeWorkList"> <tr > <td data-bind="text:HomeWorkDate"></td> <td data-bind="text:HomeWorkSubject" > </td> <td data-bind="text:HomeWorkDescription"></td><td data-bind="text:HomeWorkDescription"></td> </tr> </tbody> </thead> </table> </div>

这篇关于如何根据日期，Usinng淘汰映射对值进行分组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！