DataTables编辑器 - 将超链接添加到DataTable中的URL

时间:2014-08-06 15:18:36

标签: php json editor datatables jquery-datatables-editor

我正在寻找添加到我所拥有的表的超链接。我正在使用DataTables编辑器,此时我只是添加标签以添加链接到URL。这需要我解析成千上万的URL并添加url标签。我有什么方法可以将它应用于表中的特定属性吗?

<!doctype html>
<html>
 <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>Test</title>

    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="css/dataTables.editor.css">
    <link rel="stylesheet"  type="text/css" href-   "//cdn.datatables.net/responsive/1.0.1/css/dataTables.responsive.css">

    <script type="text/javascript" language="javascript" charset="utf-8" src="js/jquery.min.js"></script>
    <script type="text/javascript" language="javascript" charset="utf-8" src="js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" language="javascript" charset="utf-8" src="js/dataTables.tableTools.min.js"></script>
    <script type="text/javascript" language="javascript" charset="utf-8" src="js/dataTables.editor.min.js"></script>
    <script type="text/javascript" language="javascript" charset="utf-8" src="js/table.Brown_AP.js"></script>
    <script type="text/javascript" language="javascript" charset="utf-8" src="//cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.min.js"></script>

    <!--FancyBox-->
    <script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
    <link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
    <link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
    <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
    <script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>

 <script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
 </script>

 <script>
    $(document).ready(function() {
        $(".various").fancybox({
            maxWidth    : 1600,
            maxHeight   : 1200,
            fitToView   : true,
            width       : '100%',
            height      : '100%',
            autoSize    : true,
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none'
        });
});
</script>


<script>
    jQuery(document).ready(function () {
        $('a.modalGeneric').fancybox({
            type: 'iframe',
            fitToView: true,
            autoSize: true,
            openEffect: 'fade',
            openSpeed: 'slow'
        });
});
</script>

</head>
<body>
    <div class="container-fluid">
        <h1>
        <center>
            AP
        </center>
        </h1>

        <table  cellspacing="0" class="display responsive nowrap" id="Brown_AP" width="100%">
            <thead>
                <tr>
                    <th>Building</th>
                    <th>Floor</th>
                    <th>Number of AP</th>
                    <th>Associated Floor Plans</th>
                    <th>AP</th>
                    <th>Status</th>
                </tr>
            </thead>




        </table>

    </div>
</body>
</html>

以上是HTML以下是PHP。我如何将超链接添加到从MYSQL中提取的属性中。

<?php

/*
* Editor server script for DB table AP
* Automatically generated by http://editor.datatables.net/generator
*/

// DataTables PHP library
include( "lib/DataTables.php" );

// Alias Editor classes so they are easy to use
use
   DataTables\Editor,
   DataTables\Editor\Field,
   DataTables\Editor\Format,
   DataTables\Editor\Join,
   DataTables\Editor\Validate;


 // Build our Edit instance and process the data coming from _POST
   Editor::inst( $db, 'APS', 'Assoicated_Floor_Plans' )
     ->fields(
       Field::inst( 'Building' ),
       Field::inst( 'Floor' ),
       Field::inst( 'Number_Of_AP' ),
       Field::inst( 'Associated_Floor_Plans' ),
       Field::inst( 'AP' ),
       Field::inst( 'Status' )
      )
      ->process( $_POST )
      ->json();

0 个答案:

没有答案