如何单独更改绑定网格视图答案

【问题标题】：how to change the bind grid view in separately如何单独更改绑定网格视图
【发布时间】：2021-07-01 02:17:03
【问题描述】：

我创建了一个网格视图来获取数据库表的详细信息，

在这里，当我点击 Next Sync 按钮时，它会弹出这个框，我可以选择日期和时间，

但问题是当我点击任何 Next Sync 按钮时，只会更改第一个 DateTime，

这是表格网格视图的代码

<table class="table table-striped border-bottom">
      <thead>
          <tr>
                <th>Select to Sync.</th>
                <th class="sorting">Source</th>
                <th>Last Sync. Date</th>
                <th>Download</th>
                <th>Status</th>
                <th>Next Sync Schedule</th>
                <th>Schedule</th>
          </tr>
       </thead>
  <tbody data-bind="foreach: PayrollIntegrationVM.GridDataList">

         <tr>
           <td><input type="checkbox" data-bind="checked:SHTYP_IS_MANUAL_SYNC"
                       class="i-checks" name="foo"></td>

           <td data-bind="text:SHTYP_NAME"></td>

           <td data-bind="text: moment(SHTYP_LAST_DATE).format('L LTS')"></td>

           <td>
               <div data-bind="ifnot: SHTYP_SYNC_STATUS">
                   <a href="#" data-bind="click: PayrollIntegrationVM.ErrorLog">
                       <span class="mr-2">
                              <img src="~/Content/img/icon-excel.png"
                                               alt="Download">
                          </span> Download Error Log
                          </a>
                          </div>

           </td>
           <td data-bind="text: SHTYP_SYNC_STATUS? 'Success' : 'Failed'"><a href="#">
                     <i class="fa fa-close text-danger"></i></a></td>
            <td data-bind="text: moment(SHTYP_NEXT_DATE).format('L LTS')" id="SHTYP_NEXT_DATE_GET" 
                 name="Sync_Next_Date"></td>

      <td><a href="#" id="Next-Sync-Value" data-toggle="modal" data-target="#sync" 
              name="Next_Sync_button">Next Sync.</a></td>
      </tr>
   </tbody>

这是日期时间选择器代码

<div class="modal" id="sync" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        
            <div class="modal-body">
                
                    <div class="col ml-5 d-flex flex-column justify-content-end">
                        <input type="date" class="form-control" id="NextSyncDate">
                        <input type="time" class="form-control mt-2" id="NextSyncTime">
                    </div>
            </div>
  </div>

 <div class="modal-footer">
   <button type="button" class="btn btn-white" data-dismiss="modal">
                    Cancel
      </button>
   <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="DoneButtonFunction()">Done</button>
            </div>
        </div>
    </div>
</div>

这是脚本部分

<script language="JavaScript">
        function DoneButtonFunction() {

        var nextSyncDate = $('#NextSyncDate').val();
        var nextSyncTime = $('#NextSyncTime').val();
        var DateTime = nextSyncDate +" "+ nextSyncTime;
        
        document.getElementById('SHTYP_NEXT_DATE_GET').innerHTML = DateTime; 

        }
    }
</script>

【问题讨论】：

标签： javascript asp.net json asp.net-mvc

【解决方案1】：

看起来在你的js函数中，你找到ID为'SHTYP_NEXT_DATE_GET'的元素，js寻找第一个，尝试将行保存在表中，或者找到另一种方法来识别哪个'SHTYP_NEXT_DATE_GET'元素你想编辑

【讨论】：