Tad 教材網 - 線上書籍

:::

3-12 （舊版FooTable）/templates/phone_book_index_b3.html

4. 大小月曆應用

\[1042\] XOOPS模組開發進階
====================

```
<pre class="brush:php;">
<?php
include_once "tadtools_header.php";

class FooTable
{

//建構函數
    public function FooTable()
    {

}

//產生語法
    public function render($need_jquery = true)
    {
        global $xoTheme;
        $jquery   = $need_jquery ? get_jquery() : "";

if ($xoTheme) {
            $xoTheme->addStylesheet('modules/tadtools/FooTable/css/footable-0.1.css');
            $xoTheme->addScript('modules/tadtools/FooTable/js/footable-0.1.js');

$xoTheme->addScript('', null, "
              (function(\$){
                \$(document).ready(function(){
                  \$('table').footable();
                });
              })(jQuery);
            ");
        } else {

$FooTable = "
            <link href='" . TADTOOLS_URL . "/FooTable/css/footable-0.1.css' rel='stylesheet' type='text/css' />
            $jquery
            <script src='" . TADTOOLS_URL . "/FooTable/js/footable-0.1.js' type='text/javascript'></script>
            <script type='text/javascript'>
              $(function() {
                $('table').footable();
              });
            </script>
            ";
            return $FooTable;
        }
    }
}

/*
if(file_exists(XOOPS_ROOT_PATH."/modules/tadtools/FooTable.php")){
include_once XOOPS_ROOT_PATH."/modules/tadtools/FooTable.php";

$FooTable = new FooTable();
$FooTableJS=$FooTable->render();
$xoopsTpl->assign('FooTableJS' , $FooTableJS);
}
把 $FooTableJS 加到表格前
table 需加上 class='footable' 以及 <thead></thead>
要加入擴展符號的格子在  th 加上  data-class='expand'
要藏起來的格子在  th 加上  data-hide='phone,tablet' 或 data-hide='phone'
 */
```

:::