在Jquery Easy UI中添加到Cell的链接

时间:2014-10-14 07:39:38

标签: jquery hyperlink jquery-easyui

我想使用formatter在以下数据网格表中添加打印按钮。

的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值。问题是只显示id个值,并且它们没有可点击的链接。非常欢迎任何帮助和建议。提前谢谢。

1 个答案:

答案 0 :(得分:2)

首先删除数据网格中的第一个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>

希望这可能会有所帮助。