关于jquery easyUi中打不开tabs的问题，求大神搭救！！！

好久不用这个了，只能给你看看以前我写的，你自己研究一下看看

 if (!$('#func_tab')tabs('exists', nodetext)) {

                    $('#func_tab')tabs('add', {

                        title: nodetext,

                        content: "<iframe width='100%' height='100%' frameborder='0'  src=" + nodeattributesurl + " style='width:100%;height:100%;'></iframe>",

                        closable: true,

                        tools: [{

                            iconCls: 'icon-mini-refresh',

                            handler: function () {

                                var tab = $('#func_tab')tabs('select', nodetext);

                                $('#func_tab')tabs('getSelected', tab);

                                var tabIndex = $('#func_tab')tabs('getSelected');

                                tabIndexpanel('refresh');

                            }

                        }]

                    });

                }

$('#table')treegrid('getChecked');这个方法获取的是勾选行的数据。

$('#table')treegrid('getSelections');获取的是选中的数据。

两个方法的结果结合起来就所有的数据了，但是小心会有重复项。

jquery easyui和jquery ui的区别：

jquery ui 是jquery开发团队 开发，适用于网站式的页面。

jquery easyui 是第三方基于jquery开发，适用于应用程序式的页面。

两者的方法调用也略有不同：

jquery ui 是：

$("#divTabs")tabs("remove" , index);

jquery easyui 是：

$("#divTabs")tabs("close" , title);

类似的区别还有一些，只有具体使用后才会注意，基本思路差不多。

假设你的easyui-tabs的结构类似这样 菜单一中的其他内容 我是按钮 菜单二中的其他内容 javascript： $(function(){ $("#btn")click(function(){ $("#tt")tabs('select', "menuTwo"); //设置选中属性为“菜单二”(属性值为title属

var width = $(window)width()-80;

var height = $(window)height()-120;

stView_layout = $('#stView_layout')layout({

width: width,

height: height

});

station_view = $('#stationView')window({

title: '测站导航',

left:50,

top:80,

width: width,

modal: false,

shadow: false,

closed: true,

height: height,

onResize:function(w,h){

if(stView_treegrid){

stView_treegridtreegrid({

width:w-20,

height:h-260

});

}

}

});

把每个tab页分别用不同的页面来建立

然後用 #parse 这个来连接不用的页面

<div id="tabs" class="easyui-tabs" style="height:450px;">

<div id="headerInfo" title="基本资料" style="padding:5px;height:400px;"> <!-- 物料成品基本信息 -->

#parse("/WEB-INF/depotVm/basicvm") <!--分支来的页面地址-->

</div>

<div title="详细资料" style="overflow:auto;padding:5px;"> <!-- 物料成品详细信息 -->

#parse("/WEB-INF/depotVm/minutenessvm")<!--分支来的页面地址-->

</div>

<div title="修改记录" style="overflow:auto;padding:5px;"> <!-- 物料成品的 *** 作记录信息 -->

#parse("/WEB-INF/depotVm/modificationvm")<!--分支来的页面地址-->

</div>

</div>

<script type="text/javascript">

//TABS 选项

$('#tabs')tabs({

border:false});

</script>

要刷新那个页面就直接重新加载那个页面的表单 jQuery('#headerInfo')html(data); headerInfo是from表单的id

也可以这样

<a href="javascript:loadModel({page:basePath + 'depothtml', title:'基本信息'});" name="conservation" id="cancelUserBtns">取消</a> 直接返回 这个action中转得页面 basePath 是项目的路径 加上 这个 action的name属性值depot

$('#tt')tabs({

border:false,

onSelect:function(title,index){

alert(title+' is selected');

#这里写你要怎么处理这个选中的tab

}

});

tabs内的标签本身是有href属性的吧应该不需要再套一层iframe哦tabs设定了fit:true，就不需要再去设置style样式了吧form套那么大没问题么

以上就是关于关于jquery easyUi中打不开tabs的问题，求大神搭救！！！全部的内容，包括:关于jquery easyUi中打不开tabs的问题，求大神搭救！！！、jquery easyui treegrid 获取所有选择的节点、jQuery EasyUI-easyui 怎么在添加tabs时 调用ajax请求等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！