如何使用jQuery从模板文件中调用函数

时间:2012-06-12 14:18:03

标签: php jquery html

我有2个文件,.tpl和.inc.php

在我的.inc.php中,我使用2个查询来获取一些数据。通过smarty,我将查询响应传递给.tpl文件,并在表格和选择列表中显示这些数据。

现在,我希望当用户在选择列表中选择新项目时,我的列表会自动更新。

我实际上能够检测到选择列表中的更改。

问题是,如何调用函数

updateToolPrivilegesTableForSelectedTool($Object)

来自.tpl文件。该函数位于.inc.php文件中。这可以用jquery来实现,但我不知道如何。

这是我的代码:

PHP:

<?php


updateToolPrivilegesTable();

$tool =$_DB->queryRaw("SELECT objects FROM backend_menu WHERE parent != 0");
while ($row_tool = $tool->next_assoc())
{
    $resultstool[] = $row_tool;
}

$smarty->assign("tool_name",$resultstool);
$smarty->assign("privileges",$resultsprivlieges);
$smarty->TDisplay("users/backend_tools_user_privileges.tpl", "Backend Tools Privileges", "general-content.tpl");



function updateToolPrivilegesTable()
{
global $_DB;
global $resultsprivlieges;
$resultsprivlieges = array();
$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges`");

while ($row = $privlieges->next_assoc())
{
    $resultsprivlieges[] = $row;
}
}

function updateToolPrivilegesTableForSelectedTool($Object)
{
global $_DB;
global $resultsprivlieges;
$resultsprivlieges = array();
$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges` WHERE `Object`=$Object");

while ($row = $privlieges->next_assoc())
{
    $resultsprivlieges[] = $row;
}
}

?>

HTML(.tpl)

<h1> Backend Tools Privileges</h1>

<table>
<tr>
<td>Tool</td>
<td>
<SELECT name="object" id="selectTool">
        {foreach from=$tool_name item=toolItem name=foo}    
                <OPTION name="object" VALUE="{$toolItem['objects']}">{$toolItem['objects']}</OPTION>
        {/foreach}
</SELECT>
</td>
</tr>
</table>

<table width='700px' id="employeetable" class="tablesorter" style='table-layout:fixed;'>
<thead>
    <tr>
        <th>Group Id</th>
        <th>User Id</th>
        <th>Object</th>
        <th>Read</th>
        <th>Update</th>
        <th>Insert</th>
        <th>Delete</th>
    </tr>
</thead>
<tbody>
    {foreach from=$privileges item=privilegesItem name=foo}
    <tr>
        <td>{$privilegesItem['group_id']}</td>
        <td>{$privilegesItem['user_id']}</td>
        <td>{$privilegesItem['Object']}</td>
        <td>{$privilegesItem['Read']}</td>
        <td>{$privilegesItem['Update']}</td>
        <td>{$privilegesItem['Insert']}</td>
        <td>{$privilegesItem['Delete']}</td>
    </tr>
    {/foreach}
</tbody>
</table>
</form>


{literal}
<script type="text/javascript">

$(selectTool).change(function() 
{
!!!!!!! Here I shuld call the function updateToolPrivilegesTableForSelectedTool($Object) from .php file.
}
</script>
{/literal}

1 个答案:

答案 0 :(得分:2)

您只需使用表单帖子重新加载包含所选对象的页面作为帖子变量,并在选择框中提交onchange表单。

因此请将您的下拉菜单更改为:

<form action="mypage.php" method="post">
   <select name="object" id="selectTool" onChange="form.submit()">
        <option>Please pick an object to filter...</option>
        {foreach from=$tool_name item=toolItem name=foo}    
                <option name="object" VALUE="{$toolItem['objects']}">{$toolItem['objects']}</option>
        {/foreach}
   </select>
</form>

然后在你的PHP中有:

if(isset($_POST['object']{0})){
    updateToolPrivilegesTableForSelectedTool($_POST['object']);
}else{
    updateToolPrivilegesTable();
}

小心! 更改updateToolPrivilegesTableForSelectedTool中的查询以避免数据库注入:

$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges` WHERE `Object`='".mysql_real_escape_string($Object)."'");

更好的Ajax解决方案需要更多代码,因为您需要动态替换整个tbody并将updateToolPrivilegesTableForSelectedTool移动到单独的文件中。如果您正在使用某种类型的jQuery tablesorter插件,您可能还必须再次调用tablesorter。让这一切正常工作会更加棘手,你应该首先了解表单发布的基础知识。