Question

我正在创建一个结算应用程序，我正在使用codeigniter。我有一个视图，我可以在其中查看员工详细信息。在此视图文件中，我有一个单独的删除和编辑操作为每个员工记录。是否可以使用一个编辑按钮来编辑我视图中列出的任何员工记录？

我的观看文件

<table class="resizable" bordercolor="#993300" border="1">
            <thead>
              <tr>
                <th class="header">Employee id</th>
                <th class="yellow header headerSortDown">First name</th>
                <th class="green header">Last name</th>
                <th class="red header">Email</th>
                <th class="red header">Emergency contact</th>
                <th class="red header">Category</th>
                <th class="red header">ID card</th>
                <th class="red header">Time in</th>
                <th class="red header">Time out</th>
                <th class="red header">Date of hire</th>
                <th class="red header">Date of termination</th>

                <th class="red header">Date of rehire</th>
                <th class="red header">Reference number</th>
                <th class="red header">Service limitation</th>
                <th class="red header">Chair renter</th>

                <th class="red header">Actions</th>
              </tr>
            </thead>
            <tbody>
              <?php
              foreach($employee as $row)
              {
                echo '<tr>';
                echo '<td>'.$row['id'].'</td>';
                echo '<td>'.$row['emp_first_name'].'</td>';
                echo '<td>'.$row['emp_last_name'].'</td>';
                echo '<td>'.$row['emp_email_id'].'</td>';
                echo '<td>'.$row['emp_emergency_contact'].'</td>';
                echo '<td>'.$row['category'].'</td>';
                echo '<td>'.$row['emp_id_card'].'</td>';
                echo '<td>'.$row['emp_time_in'].'</td>';
                                echo '<td>'.$row['emp_time_out'].'</td>';
                echo '<td>'.$row['emp_date_of_hire'].'</td>';
                                echo '<td>'.$row['emp_date_of_termination'].'</td>';
                echo '<td>'.$row['emp_date_of_rehire'].'</td>';
                echo '<td>'.$row['emp_reference_num'].'</td>';
                echo '<td>'.$row['emp_service_limitation'].'</td>';
                                echo '<td>'.$row['chair_renter'].'</td>';



                echo '<td class="crud-actions">
                  <a href="'.site_url("admin").'/employee/update/'.$row['id'].'" class="btn btn-info">view & edit</a>  
                  <a href="'.site_url("admin").'/employee/delete/'.$row['id'].'" class="btn btn-danger">delete</a>
                </td>';
                echo '</tr>';
              }
              ?>      
            </tbody>
          </table>

这里我有一个<a>来执行编辑和删除选项。此操作会传递我选择编辑或删除的ID。而不是每个员工都有单独的按钮。我需要一个按钮，允许用户选择员工。就像这个图像 enter image description here

Answer 1

最简单的解决方案是使用JQuery将selected类附加到通过以下方式单击的行：

$('tr').on('click', function () {
    // Remove selection from other rows
    $('tr.selected').removeClass('selected');
    // Add selection to current row
    $(this).addClass('selected');
});

这将允许您放置一个光标＆＃39;在一行中，您将要使用CSS或类似的东西使用selected类来设置行的样式。

现在您可以使用一个“编辑”按钮并使用类似以下代码的内容来处理click事件：

$('#edit').on('click', function () {
    if ($('tr.selected').length() == 0) {
        alert('Must select a row!');
    } else {
        // Handle 'edit' event by passing $(this) to whatever you need
        // $(this) will be the currently selected row
    }
});

这是有效的，因为$(this)对象充当对当前所选行的引用。

是否可以在codeigniter中使用类似操作的游标

1 个答案: