jQuery EasyUI-Add link to datagrid cell
8310 ワード
Extracted from:http://stackoverflow.com/questions/16061894/jquery-easyui-add-link-to-cell
HTML:
Javascript:
REF:
http://blog.csdn.net/com360/article/details/6537074http://www.jeasyui.com/documentation/datagrid.phphttp://jeasyui.com/demo/main/index.php?plugin=DataGridhttp://www.thinkphp.cn/code/207.html
HTML:
1 <table id="dgContactSearch" title="Benutzer Suche" class="easyui-datagrid" style="height:160px"
2 url="getContacts.php"
3 toolbar="#toolbarContactSearch" pagination="true"
4 rownumbers="true" fitColumns="true" singleSelect="true">
5 <thead>
6 <tr>
7 <th data-options="field:'firma',width:80,align:'left',formatter:formatCustomerId">Kunde</th>
8 <th data-options="field:'name',width:50,align:'left',formatter:formatContactUrl">Name</th>
9 <th field="function" width="50">Funktion</th>
10 <th field="phone" width="50">Phone</th>
11 <th field="email" width="50">Email</th>
12 <th field="mobile" width="50">Mobile</th>
13 <th field="fax" width="50">Fax</th>
14
15 <th field="comment" width="120">Kommentare</th>
16 </tr>
17 </thead>
18 </table>
Javascript:
1 <script>
2 function formatCustomerId(val,row){
3 var url = "customerView.php?id=";
4 return '<a href="'+url + row.customer_id+'">'+val+'</a>';
5 }
6
7 function formatContactUrl(val,row){
8 var url = "contactView.php?id=";
9 return '<a href="'+url + row.id+'">'+val+'</a>';
10 }
11 </script>
REF:
http://blog.csdn.net/com360/article/details/6537074http://www.jeasyui.com/documentation/datagrid.phphttp://jeasyui.com/demo/main/index.php?plugin=DataGridhttp://www.thinkphp.cn/code/207.html