Jquery,表过滤器库

时间:2017-05-17 10:03:15

标签: jquery search html-table

我正在使用这个插件:

tablefilter.free.fr/ex.php

在这个js中根据他们的例子工作:

jsfiddle.net/synysevend90/mtLYg/517 /

现在我进入我的桌子,它也有效:

http://jsfiddle.net/synysevend90/mtLYg/518/

但是把它带到我的非PHP .-

我有这段代码:

Jquery的:

<script>
var tf1 = setFilterGrid("form1");
</script>

文件上传

<link rel="stylesheet" type="text/css" href="../assets/TableFilter/filtergrid.css" media="screen" />
<script type="text/javascript" src="js/tablefilter.js" src="../assets/TableFilter/tablefilter_all_min.js" ></script>

我的表:

<form class="contacto" id="form1" style="margin-bottom:30px;">
        <table id="myTable" class="table table-hover">
            <thead>
                <tr>
                    <th style="text-align:left;">Acronimo Subcategoria</th>
                    <th style="text-align:left;">Descripcion</th>
                    <th style="text-align:left;">Acronimo Categoria</th>
                    <th style="text-align:left;">Registro Calidad</th>
                    <th style="text-align:left;">Edición</th>
                    <th style="text-align:left;">Eliminar</th>

                </tr>
            </thead>
            <?php foreach ($model->Listar() as $r): ?>
                <tr>
                    <td><?php echo $r->__GET('acro_sub'); ?></td>
                    <td><?php echo $r->__GET('descripcion'); ?></td>
                    <td><?php echo $r->__GET('acronimo_cat'); ?></td>
                    <td><?php echo $r->__GET('registro_calidad'); ?></td>

                    <td>
                        <a href="?action=editar&id=<?php echo urlencode($r->acro_sub); ?>"><img src="../../images/icon_editthis.png" width="30px" height="30px"/></a>
                    </td>
                    <td>
                        <a href="?action=eliminar&acro_sub=<?php echo urlencode($r->acro_sub); ?>"><img src="../../images/delete.png" width="30px" height="30px"/></a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </table>
</form>

HEAD我有很多文件,我没有想到问题,对吗?

我看不到的是搜索框

1 个答案:

答案 0 :(得分:0)

该表没有任何调用它的函数,为了能够声明脚本必须位于此下面,所以:

<table id="myTable" class="table table-hover">
            <thead>
                <tr>
                    <th style="text-align:left;">Acronimo Subcategoria</th>
                    <th style="text-align:left;">Descripcion</th>
                    <th style="text-align:left;">Acronimo Categoria</th>
                    <th style="text-align:left;">Registro Calidad</th>
                    <th style="text-align:left;">Edición</th>
                    <th style="text-align:left;">Eliminar</th>

                </tr>
            </thead>
            <tr>
                    <td>COV</td>
                    <td>Documentos de Gobierno</td>
                    <td>GOV</td>
                    <td>N</td>

                    <td>
                        <a href="?action=editar&id=COV"><img src="../../images/icon_editthis.png" width="30px" height="30px"/></a>
                    </td>
                    <td>
                        <a href="?action=eliminar&acro_sub=COV"><img src="../../images/delete.png" width="30px" height="30px"/></a>
                    </td>
                </tr>
                                <tr>
                    <td>CUS</td>
                    <td>DOCUMENTOS DE RELACIONES EXTERNAS</td>
                    <td>EXT</td>
                    <td>N</td>

                    <td>
                        <a href="?action=editar&id=CUS"><img src="../../images/icon_editthis.png" width="30px" height="30px"/></a>
                    </td>
                    <td>
                        <a href="?action=eliminar&acro_sub=CUS"><img src="../../images/delete.png" width="30px" height="30px"/></a>
                    </td>
                </tr>

        </table>

就在脚本

下方
<script language="javascript" type="text/javascript"> 
    var tf1 = setFilterGrid("myTable"); 
</script>

我正在和网络开发人员交谈,他不理解它,因为它必须是为什么图书馆的工作原理,我希望你能理解