0

我用 jQuery EasyUI 创建了一个带有“west”和“center”区域的布局。

在我的“西部”区域我有菜单，在“中心”区域我有一个内容。当我单击“西”菜单上的元素时，如何动态更改“中心”区域的内容？

这有效，但它不是动态的。

<script>
    $(document).ready(function(){
        $('#test').click(function(){
        var tpl = ' <div class="easyui-layout" fit="true" style="background:#ccc;"> <div region="east" split="true" style="width:200px;">sub center</div> <div region="center">sub center</div> </div> ';
        $('#content').empty().html(tpl).layout();
});
});
</script>

如何动态地将 .php 或 .ctp 文件的输出放入“tpl”变量中？

4

1 回答 1

1

您好，即使您使用以下代码获取动态数据：

$('#test').click(function(){
 $.get(loadUrl,function(tpl) {        
      $('#content').empty().html(tpl).layout();
 });

它不会解析服务器动态生成的内容中的easyui组件。

var ajax_load = "<img src='img/load.gif' alt='loading...' />";  
var loadUrl = "<?php echo site_url("home/student_reg"); ?>";  

$("#test").live("click",function(){  
    $('#content').html(ajax_load).load(loadUrl);
});

在服务器站点内容生成器中添加以下内容：

$(function(){
   $.parser.parse();
});

这将解析所有 easyUI 组件。

于 2012-09-19T10:50:30.113 回答