Добавление ссылки на ячейку в JQuery Easy UI

Question

Я хочу добавить кнопку печати в следующую таблицу datagrid с помощью форматирования.

Datagrid:

<thead> 
    <tr> 
    <th field="id" align="center" sortable="true" >ID</th> 
    <th field="name" sortable="true">Name</th> 
    <th field="department" align="center" sortable="true">Department</th> 
    <th field="phone" align="center" sortable="true">Phone No</th> 
    <th data-options="field:'id', formatter:quickPrint">Print</th> 
</thead> 

Функция форматировщик:

function quickPrint(val,row){ 
     var url = "print.php?id="; 
     return '<a href="'+url + row.id+'">Print</a>'; 
    } 

print.php

<?php 
    $id=htmlspecialchars($_GET['id']); 
    //my other codes go here 
    ?> 

Я хочу отправить значение идентификатора в print.php файла и получить значение с помощью ID $_GET , Проблема в том, что отображаются только значения id, и у них нет интерактивной ссылки. Любая помощь и предложения приветствуются. Заранее спасибо.

Answer 1

Сначала удалите первую строку ID в вашей сетке, как показано ниже:

<thead> 
<tr>  
<th field="name" align="left">Name</th> 
<th field="department" align="left" sortable="true">Department</th> 
<th field="phone" align="right" sortable="true">Phone No</th> 
<th field="id" align="center" formatter="quickPrint">Print</th> 
</thead> 

Ваша функция должна идти, как это:

<script> 
function quickPrint(value,row){ 
    var url = 'print.php?id='+row.id; 
    return '<a target="_blank" href="' + url + '"><button>Print</button></a>'; 
    } 
</script> 

Надеется, что это может помочь.