Javascript从不同页面访问表数据

标签 javascript jquery asp.net-mvc asp.net-mvc-4

实际上,我有一个表格格式布局来显示诊所营业时间的时间信息。我在该表中有一个编辑按钮。每行都有一个名为 sysId 的 id 属性。所以当我点击编辑时,它会重定向到编辑页面。我的编辑页面将如下图所示:

img

显示诊所营业时间的代码

    @using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
       <div class="table-responsive">
                        <table class="table table-bordered" id="sample_editable_1">
                            <thead>
                                <tr>
                                    <th style="display:none;">Id</th>
                                    <th>Day</th>

                                    <th>Morning Start Time</th>
                                    <th>Morning End Time</th>
                                    <th>Afternoon Start Time</th>
                                    <th>Afternoon End Time</th>
                                    <th>Evening Start Time</th>
                                    <th>Evening End Time</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
  <tbody>
            @foreach (var item in Model.ProviderWrkHours)
               {
                   <tr>
                   <td style="display:none;">@item.SysID</td>
                   <td>@item.DayType</td>
                   <td contenteditable="true" style="text-align: center;">@item.MorningStartTime</td>
                   <td contenteditable="true" style="text-align: center;">@item.MorningEndTime</td>                                           @*      <td contenteditable="true">@item.MorningEndTime</td>*@
                    <td contenteditable="true" style="text-align: center;" @*id="editor"*@>@item.AfterNoonStartTime</td>
                   <td contenteditable="true">@item.AfterNoonEndTime</td>
                   <td contenteditable="true" style="text-align: center;">@item.EveningStartTime</td>
                   <td contenteditable="true">@item.EveningEndTime</td>
                   <td style="color:#0026ff">
                    @Html.ActionLink(" Edit", "UpdateTimings", "ClinicTimings", new { sysid = item.SysID }, new { @class = "fa fa-pencil" })
                    </td>
                    </tr>
                    }
                   </tbody>
</table>
</div>
}

那么当我使用当前页面中的一些 javascript 单击右箭头时,如何访问下一个 sysid 信息(我的意思是表的下一行信息)。

最佳答案

您可以在 Controller 中使用此代码(不是确切的代码)。

ViewBag.Next =  model.DBTable()
               .Select(m => m.ID)
               .OrderBy(m => m.ID)
               .Where(x=> x.Id > id)
               .FirstOrDefault()
               .ToString();

ViewBag.Previous =  model.DBTable()
               .Select(m => m.ID)
               .OrderByDesc(m => m.ID)
               .Where(x=> x.Id < id)
               .FirstOrDefault()
               .ToString();

关于Javascript从不同页面访问表数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41993688/

相关文章:

jquery - 使用 jQuery 更改 div 宽度

c# - MVC4 无法将对象属性从 AJAX POST 映射到 JSON

javascript - 以文件形式提交 HTML 表单数据/合并表单数据 + 文件并在 Javascript 中作为单个文件发送

jquery - MVC 3 和 jquery

c# - 将数据导入临时数据库并在使用 MVC 完成后重命名

javascript - 如何使用原型(prototype)的观察注册 div 内的每次点击

javascript - Angular 监控 DOM 更改超出 Angular 范围

javascript - 如何在不使用 try/catch 的情况下检查对象是否具有特定键

javascript - 如何使用 gulp-browserify 观看多个文件但只处理一个文件?

jquery - JQuery Post 调用中的相对 URL