0

「西」と「中央」の領域を持つjQuery EasyUIでレイアウトを作成しました。

私の「西」地域にはメニューがあり、「中央」地域にはコンテンツがあります。「西」メニューの要素をクリックすると、「中央」領域のコンテンツを動的に変更するにはどうすればよいですか?

これは機能しますが、動的ではありません。

<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 に答える