首页 > Web开发 > 详细

easyui-tab href,content区别

时间:2016-01-07 16:06:00      阅读:245      评论:0      收藏:0      [点我收藏+]
easyUI的Tab面板是继承了panel

说明:jsp主页面添加一个id为tab的div,要引入easyUI的相关js、css
 <div data-options="region:‘center‘" >  
   <div id="tab" class="easyui-tabs" fit="true">           
        <div title="主页"></div>
     </div>
  </div>
 
第一种,使用content:
/添加tab,这里有一个name属性
function f_addTab(name,tabId,title,url){
 if ($("#tab").tabs(‘exists‘, tabId)) {
   $(‘#tab‘).tabs(‘select‘, tabId);
   // $(‘#‘+tabId).attr(‘src‘,url);//刷新
   } else {
   $(‘#tab‘).tabs(‘add‘,{
     id:tabId,
     title:title,
     content:‘<iframe name="‘+name+‘" src="‘+url+‘" frameborder="0"       style="height:100%;width:100%;" "></iframe>‘,
   closable:true ,//tab显示关闭键
   cache:true //设置缓存,如果为false,在每次选中所选的tab时,都会加载一次页面内容
  });
 } 
}

第二种,使用href:

function f_addHref(tabId,title,hrefUrl){
 if ($("#tab").tabs(‘exists‘, tabId)) {
    $(‘#tab‘).tabs(‘select‘, tabId);
    $(‘#‘+tabId).attr(‘src‘,url);//刷新
 } else {
    $(‘#tab‘).tabs(‘add‘,{
      id:tabId,
      title:title,
      href:hrefUrl,
      closable:true ,
      cache:true
   });
 }
}

 

第一种和第二种的区别:
content属性是添加整个url请求中完整的jsp页面,而href属性只引入url中的<body></body>中的内容,具体可参考这个网站:
如果使用href创建tab,那么使用datagrid时,每个页面的grid的id都不能重名,否则会无法显示,因为href属性是不断在原来的页面插入url中请求的页面内容,一旦datagrid的id重名,那么在第二个datagrid就会无法显示
 
引入easyUI的相关js文件区别:
如果使用href创建tab,那么只要在主页中引入相关的easyUI的js、css文件就可以了;
如果使用content创建tab,那么每个页面都要引入相关的easyUI的js、css文件
 
href,content的区别,写得比较详细的一篇文章,大家可参考一下: http://www.easyui.info/archives/164.html
 
 
 

easyui-tab href,content区别

原文:http://www.cnblogs.com/chickenbeer/p/5109921.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!