Обновление таблицы с использованием сообщения в ajax

Question

Я разрабатываю свое приложение с помощью codeigniter. У меня есть таблица, созданная из таблицы mysql. это мнение:

<table class="table table-bordered table-striped table-condensed"> 
<thead> 
    <tr> 
     <th>No. </th> 
     <th>No Request</th> 
     <th>Username</th> 
     <th>Waktu Kirim Request</th> 
     <th>Keluhan</th>            
     <th>Status</th> 
     <th>Estimasi Penyelesaian</th>            
     <th>Action</th> 
    </tr> 
</thead> 
<tbody> 
    <?php 
    $no = 1; 
    foreach ($data_request as $data) { 
    ?> 
    <tr> 
     <td class="center"><?php echo $no++ . ". "; ?> </td> 
     <td class="sorting1" id='no_request'><?php echo $data['kode_kantor'] . '/' . $data['kode_departement'] . '/' . date('m', strtotime($data['bulan'])) . '/' . $data['id_request']; ?> </td> 
     <td class="center"><?php echo "$nama"; ?></td> 
     <td class="center"><?php echo date("d-m-Y, H:i ", strtotime($data['waktu_mulai'])); ?></td> 
     <td class="center"><?php echo $data['keluhan']; ?></td>            
     <td class="center"><a href="#" onclick="ubahStatus();"><span class="label label-important"><?php echo $data['status_request']; ?> </span></a></td> 
     <td class="center"><?php echo date("d-m-Y, H:i ", strtotime($data['waktu_tutup_request'])); ?></td>            
     <td class="center"> 
      <a class="btn btn-info" href="#"> 
       <i class="halflings-icon white edit"></i> 
      </a> 

      <a class="btn btn-success" > 
       <i class="halflings-icon white print" id="print"></i> 
      </a>   
     </td> 
    </tr> 

    <?php } ?> 
</tbody> 

<div class="modal hide fade" id="myModal"> 

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">×</button> 
    <h2>Confirm</h2> 
</div> 

<div class="modal-body"> 
    <p id="id_preview"></p> 
</div> 

<div class="modal-footer"> 
    <a href="#" id="btn-footer" class="btn btn-danger" onclick="executeStatus();">Yes</a> 
    <a href="#" class="btn" data-dismiss="modal">No</a> 
</div> 

В таблице, как это:

http://jsfiddle.net/Cerlin/xammqf0u/5/embedded/result/

Теперь, чтобы напечатать PDF, в [No.Request] поле, есть строка вроде этого

TMS/IT/01/002, 

Я просто хочу захватить '002', потому что мой Funtion так:

function generate_pdf($id){ 
    //some code here 
} 

, который является 002 woul быть параметром. Как я могу захватить поле в таблице на модальном?

Answer 1

редактировать ваш HTML клетки, как это:

<td class="sorting1" id='no_request' data-id="<?php echo $data['id_request']; ?>"><?php echo $data['kode_kantor'] . '/' . $data['kode_departement'] . '/' . date('m', strtotime($data['bulan'])) . '/' . $data['id_request']; ?> </td> 

А в вашем JavaScript, добавьте параметр POST, как это:

[...] 
data: { 'id': $(this).data().id }, 
[...] 

Answer 2

вы могли бы получить значение и split() его, как:

var idStr = $this.attr("req_id"); 
var id = idStr.split("/").pop(); 
alert(id); //gives 002 send it to your post 

Демо-версия: jsFiddle

Answer 3

Вы можете сделать это, например, установив id's в столбце таблицы и вашей кнопки:

<input type="button" id="button[<idFromDatabasePlacedHere>]" value="..." /> 

дают также и тот же идентификатор в столбце:

<td id="column[<idFromDatabasePlacedHere>]">...</td> 

И тогда вы могли бы read id в Javascript:

$("input[id^='button']").click(
function(sender) 
{ 
var arSplit = $("#column" + $(this).attr("id").substring(6, $(this).attr("id").length - 1).attr("id").split("/"); 
// arSplit[3] is e. g. 002 is your key to work on 
// not sure, if 6 is the character after column[ (not tested) 
});