如何使用php在easyui布局中制作easyui面板

时间:2017-11-20 04:37:04

标签: javascript php jquery-easyui

在我的项目中,我使用easyui。

首先,easyui-layout cenDiv有默认内容。

然后我想通过corAnnouncement按钮从oat.php获取服务器数据库中的内容。

cenDiv的默认内容将替换为oat.php的面板内容。

但不幸的是,它失败了。

这是js代码:

function corpAnn()
{
 var oaAnn="tp";
 $.ajax({
        dataType:'html',
        type:"POST",
        url:"oat.php",
        data: {oaAnn:oaAnn},
        success:function(data)
        {
          $('#cenDiv').html(data);
        }
      });       
}

这是html代码:

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="corpAnn()">corAnnouncement</a><br />
 <div id="cenDiv" class="easyui-layout" style="position:static;height:100%" data-options="region:'center',title:''">
 ......
 </div>

这是oat.php代码:

if(isset($_POST['oaAnn']))
{
    ......
   echo '<div class="easyui-panel"  closed="true" title="Panel Footer" style="width:700px;height:200px;" data-options="footer:'#ft'">';
   echo '<table border=1px cellspacing=0 align="center" size="100%">';
   ......

 }

我找到了

   data-options="footer:'#ft'";

错误,因为echo有单引号。

我试过了:

data-options=footer:'"#ft"' ;

 data-options=footer:"#ft";

但他们的工作失败了。谁能帮我?

1 个答案:

答案 0 :(得分:0)

echo '<div class="easyui-panel"  closed="true" title="Panel Footer" style="width:700px;height:200px;" data-options="footer:\'#ft\'">';

我忘了逃避的性格。也许我累了。