首页 / EASYUI / easyui-tab href,content区别

easyui-tab href,content区别

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了easyui-tab href,content区别，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1524字，纯文字阅读大概需要3分钟。

内容图文

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
 
 
 

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

内容总结

以上是互联网集市为您收集整理的easyui-tab href,content区别全部内容，希望文章能够帮你解决easyui-tab href,content区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1222347.html

来源：【匿名】