easyui两个页面的TAB显示问题

easyui两个页面的TAB显示问题,第1张

你是哪里不会呢?

你的左右是用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、效果如下图:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11395274.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存