easyui两个页面的TAB显示问题

你的左右是用layout来弄的吗？

不管如何弄，这样都是对的。

首先新建一个div，如果你已经有了就无所谓了，设置其宽高，给一个ID=tab。

新增TAB的时候。

$("#tab").tab('add',{

title:'xxx',

content:'xxx',

herf:'xxx'

})

就大概这个意思了。

如果左侧是做的树，就加一个click事件，点击节点时，就在右侧新增一个tab，如果是已经存在的，就切换到此tab，不存在的就添加。

你可以百度 easyui官方论坛，有一个Java做后台的示范。或者登陆官网，www.jeasyui.com，点击上方的demo，看里面的基础知识用法，加上论坛里面的示范，就差不多了

JQuery easyUi dataGrid工具栏添加搜索输入框的方法：

1、使用tab，在每个tab上面都有一个datagrid，这样easyui给所有datagrid的toolbar生成的dom的class，所以用prependTo()会给所有的toolbar都加上要生成的dom。通过style来指定要prepend的toolbar，代码如下：

//tab初始化完毕之后

$("<table><tr><td style='padding:0 8px'><label>标题:</label></td><td><input id='sTitle' name='sTitle'></td></tr></table>").prependTo("#tabs .panel[style='display: block'] .datagrid-toolbar")

$('#sTitle').searchbox({

width : 180,

searcher : doSearch,

prompt : '请输入标题'

})

function doSearch() {

$("#grid").datagrid("load", {

"sTitle" : $("#sTitle").val()

})

}

2、效果如下图：