ASP.NET MVC4 with extjs 4. Add partial view as panel to ext panel

[Hakkert]

Hi

I have the following problem. I have a panel in a view

<scripttype="text/javascript">
    Ext.onReady(function(){
    var htmlPanel =Ext.create('Ext.panel.Panel',{
            id:'htmlpanel',
            name:'htmlpanel',
            title:'@ViewBag.Welcome',
            height:200,
            //items: [vorderingenGrid],
            renderTo:'panelTest',
            buttons:[{
                text:'test',
                listeners:{
                    click:function(){

                        $.get('/xxxxx/DetailsExtView',null,function(result){
                            //DOES NOT WORK
                            Ext.getCmp('htmlpanel').items.add(result);
                           // WORKS
                           //$('#ajaxTest').html(result);
                        });
                    }
                }
            }]
        });
    });


</script>

<divid="panelTest"style="height:200px;"></div>

<divid="ajaxTest">

Now on the click of the button i want to add a partial view as an item to the panel.

@{
Layout = "";
}


<scripttype="text/javascript">
Ext.onReady(function(){
Ext.create('Ext.panel.Panel',{
id:'ahtmlpanel',
name:'ahtmlpanel',
title:'tessttt',
height:100,
renderTo:'test'
});
});

</script>
<divid="test"></div>

I tried it without rendering it to the div and eval the result but it does not work. Anyone an idea on how to get this working.

[scottmartin]

Ext.getCmp('htmlpanel').items.add(result);

What is the value of result?

You should just be able to create components and add them to others c1.add(c2)

Scott.

[dadaking]

Hello,

if you have always your problem, I just have the same problem, this perhaps help you :

Ext.getCmp('IDPANEL').body.load({ url: 'URL TO CALL', scripts: true })