Объединение ячеек таблицы html с помощью jQuery в планировании блоков - PullRequest
0 голосов
/ 11 февраля 2019

Как мне достичь своей цели - объединить ячейки в соответствии с конечным временем?

Мой HTML:

<table border="1" style="text-align:center;" align="center">
    <tr style="text-align:center">
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Time</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Monday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Tuesday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Wednesday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Thursday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Friday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Saturday</th>
        <th style="text-align:center; background-color: #3a6070; color: #FFF; padding: 4px 30px 4px 8px;">Sunday</th>
    </tr>

 <!--1:00-1:30-->
            <tr>
                <td>1:00-1:30</td>
                <td id="T0100Monday"></td>
                <td id="T0100Tuesday"></td>
                <td id="T0100Wednesday"></td>
                <td id="T0100Thursday"></td>
                <td id="T0100Friday"></td>
                <td id="T0100Saturday"></td>
                <td id="T0100Sunday"></td>  
            </tr>

 <!--1:30-2:00-->
            <tr>
                <td>1:30-2:00</td>
                <td id="T0130Monday"></td>
                <td id="T0130Tuesday"></td>
                <td id="T0130Wednesday"></td>
                <td id="T0130Thursday"></td>
                <td id="T0130Friday"></td>
                <td id="T0130Saturday"></td>
                <td id="T0130Sunday"></td> 
            </tr>
</table>

Это мой сценарий:

<script>
        $(function () {
            @foreach (var y in Model)
            {
                if (y.avail_time_starts == "T0100" && y.time_type == "PM" && (y.avail_day == "Mon" || y.avail_day == "MWF"))
                {
                    ViewContext.Writer.Write(string.Format("$(\"#T0100Monday\").text('{0} {1}');", y.subject_code,y.room_code));
                    
                }
                if (y.avail_time_starts == "T0100" && y.time_type == "PM" && (y.avail_day == "Tue" || y.avail_day == "TTH"))
                {
                    ViewContext.Writer.Write(string.Format("$(\"#T0100Tuesday\").text('{0} {1}');", y.subject_code, y.room_code));
                }
                if (y.avail_time_starts == "T0100" && y.time_type == "PM" && (y.avail_day == "Wed" || y.avail_day == "MWF"))
                {
                    ViewContext.Writer.Write(string.Format("$(\"#T0100Wednesday\").text('{0} {1}');", y.subject_code, y.room_code));
                }
                if (y.avail_time_starts == "T0100" && y.time_type == "PM" && (y.avail_day == "Thu" || y.avail_day == "TTH"))
                {
                    ViewContext.Writer.Write(string.Format("$(\"#T0100Thursday\").text('{0} {1}');", y.subject_code, y.room_code));
                }
                if (y.avail_time_starts == "T0100" && y.time_type == "PM" && (y.avail_day == "Fri" || y.avail_day == "MWF"))
                {
                    ViewContext.Writer.Write(string.Format("$(\"#T0100Friday\").text('{0} {1}');", y.subject_code, y.room_code));
                }
            }
        });
    
    </script>

my controller:

 public ActionResult Index()
    {
        var model = from d in db.sis_subject_offerings where d.section_code == "G1" select d;
        return View(model.ToList());
    }

    SCI.Entities.Models.SCIContext db = new SCI.Entities.Models.SCIContext();

}

Расписание составило: 1: 00-2: 00 вечера. MWF результатом моего кода было то, что вывод остается только в строке 1: 00-1: 30 яЯ хотел бы объединить 2 строковые ячейки 1: 00-1: 30 и 1: 30-2: 00, я хотел бы, чтобы выходные данные были такими:

enter image description here

(я не знаю, с чего начать код слияния, пожалуйста, помогите)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...