如何能把工具栏(就是搜索那) 的高度用js控制

因为我报表的搜索条件太多了   我就用js做了个隐藏条件和显示,这个功能可以出来   但是隐藏之后   工具栏那边的高度没有随着条件一起隐藏变小   请大神帮帮我,  就是下面红框里面查询条件已经隐藏了   但是还保留了位置

大佬们 来看看啊!


添加了

setTimeout(function(){

        var height=$(".pmeter-container").css("height").replace("px","");

        $(".pmeter-container").css("height",height-130).parent("div").css("height",height-130).parent("div").css("height",height-130);

},10)

 灰色的部分隐藏了  但是还有空白   不知道下面的怎么往上挪一挪3.png

@Kevin-s  4.png

统计表.cpt

按钮那里 用了

 $('#content-container').css('top', '70px');  这个无效

  $('#content-container').setAttribute('top: 70px'); 这个报错


FineReport wanglei131 发布于 2019-9-2 14:00 (编辑于 2019-9-4 15:11)
1min目标场景问卷 立即参与
回答问题
悬赏:9 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
Kevin-sLv7中级互助
发布于2019-9-4 10:07

我依据上面要求写了一个类似的,你可以根据我传的模版跟你结合修改下。

JS在image.png里面查看,隐藏宽度自己设定

WorkBook58.cpt


  • wanglei131 wanglei131(提问者) 谢谢大佬 我去试试
    2019-09-04 10:37 
  • wanglei131 wanglei131(提问者) 大佬 这个效果我已经做出来了 但是他虽然隐藏了灰色的部分 但是下面表的内容并没有往上 这样看起来的话 表的内容和搜索条件中间还有一大块区域空白
    2019-09-04 10:47 
  • Kevin-s Kevin-s 回复 wanglei131(提问者) setTimeout(function() { $(\'.parameter-container\').css(\'height\', \'134px\');控制参数的 $(\'#content-container\').css(\'top\', \'143px\');--控制报表正文的,依据自己要求对143px进行上传 }, 1000);使用这个可以实现,我模版已经重新上传了,你可以查看下,我的模版来进行修改自己的模版
    2019-09-04 11:12 
  • wanglei131 wanglei131(提问者) 回复 Kevin-s 谢谢大佬 我去试试看
    2019-09-04 11:26 
  • Kevin-s Kevin-s 回复 wanglei131(提问者) 回答不易,记得采纳
    2019-09-04 13:34 
最佳回答
0
zsh331Lv8专家互助
发布于2019-9-2 21:35

按钮事件js中加个延迟函数试试。


参考方案:http://bbs.fanruan.com/wenda/question1/92867.html

最佳回答
0
doudekaixinLv6中级互助
发布于2019-9-4 16:00(编辑于 2019-9-4 16:33)

你这个问题的难点不在于这个收缩。

而在于收缩之后,参数栏开合按钮其实是没办法控制的(我抓不到这个小三角的事件)。

好久以前我也想做这个功能,但是就因为这个小三角我放弃了。

——————————————————————————————————————————

test.gif

  • wanglei131 wanglei131(提问者) 嗯 是的 如果能有这个小三角的事件就好做了 现在只能用css来搞了 我搞了一天了 脑子都混乱了 调什么都不管用了现在
    2019-09-04 16:05 
  • doudekaixin doudekaixin 回复 wanglei131(提问者) 你改的DIV层有点问题。你看下我以前的半成品。
    2019-09-04 16:31 
  • wanglei131 wanglei131(提问者) 大佬 你这个可以哇 能不能上传一下 我膜拜膜拜
    2019-09-04 16:44 
  • doudekaixin doudekaixin 回复 wanglei131(提问者) 都已经采纳了还传啥。。。 而且我这个还是控制不住小三角。
    2019-09-04 16:45 
  • wanglei131 wanglei131(提问者) 回复 doudekaixin 我重新开个帖子 你这个是我需要的啊 因为我现在按照js的方法搞 导致页面有的显示不全 下面的滚动条也不出来
    2019-09-04 16:54 
  • 3关注人数
  • 780浏览人数
  • 最后回答于:2019-9-4 16:33
    请选择关闭问题的原因
    确定 取消
    返回顶部