EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: foodil on March 02, 2012, 02:16:07 AM



Title: How can I show the webpage in the center frame using jquery Easyui?
Post by: foodil on March 02, 2012, 02:16:07 AM
Code:
    <li><a href="#" onclick="addTab('Add List','list/add.php')">Add List</a></li>

Currently i know how to add tab , but how can i directly show the content in the center frame instead of adding tab ? 
Also, what is the css, js address file bind to ? the index page or the new center page? thank you.


Code:
    <div id="content" region="center" border="true" title="" style="overflow:hidden;padding:10px;">
    <div id="tt" class="easyui-tabs" fit="true"> 
    <div title="Home" style="padding:10px;"> 
    test
    </div>
    </div>
    </div>



 (http://i.stack.imgur.com/69R63.jpg)


Title: Re: How can I show the webpage in the center frame using jquery Easyui?
Post by: stworthy on March 02, 2012, 10:48:05 PM
Notice that the '#content' is a panel object, there are some ways to load the content:

1. Call 'refresh' method of panel:
$('#content').panel('refresh',your_url);

2. Call 'load' method:
$('#content').load(your_url);

3. Call 'html' method:
$('#content').html(...);


Title: Re: How can I show the webpage in the center frame using jquery Easyui?
Post by: foodil on March 06, 2012, 11:11:39 AM
Thank you for your answer

are there any problem when using those load method?e.g.

1) css / js link is different from the case when using tab?
2) can i get the attribute in GET methmod?


hope you understand my question, sorry if confused you.