开发者社区> 问答> 正文

在一个宜搭大屏里面,可以实现EXCEL里面分sheet页,分不同的sheet页展示不同分类的内容吗?

现在有一个宜搭大屏,空间有限,想分类展示不同的内筒,例如有人员,产量等等不同类型的信息想展示,点击展示人员信息的时候全屏显示人员相关图表,其他信息隐藏,点击展示产量信息时,全屏展示产量相关信息,其他信息隐藏。实现类似这种功能。

展开
收起
游客da5cx4u75glmm 2024-03-04 09:06:28 74 0
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    你的需求可以通过编程实现。这需要使用前端技术,如HTML、CSS和JavaScript,以及可能的库或框架,如jQuery或React。

    基本的思路是:

    1. 为每种信息类型创建一个单独的"容器"或"模块",这些容器在默认情况下是隐藏的。
    2. 当用户点击某个信息类型的按钮时,显示对应的容器,同时隐藏其他所有容器。

    以下是一个基本的HTML和JavaScript示例,使用了jQuery库来实现这个功能:

    <!DOCTYPE html>
    <html>
    <head>
        <title>宜搭大屏信息展示</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <style>
            .container {
                display: none;
            }
        </style>
    </head>
    <body>
        <button onclick="showInfo('人员')">人员信息</button>
        <button onclick="showInfo('产量')">产量信息</button>
    
        <div id="人员" class="container">
            <!-- 在这里放置人员相关的图表 -->
        </div>
    
        <div id="产量" class="container">
            <!-- 在这里放置产量相关的图表 -->
        </div>
    
        <script>
            function showInfo(infoType) {
                // 隐藏所有的容器
                $('.container').hide();
                // 显示选定的容器
                $('#' + infoType).show();
            }
        </script>
    </body>
    </html>
    

    在这个示例中,我们首先创建了两个按钮,分别用于显示人员信息和产量信息。然后,我们创建了两个容器,一个用于显示人员信息,另一个用于显示产量信息。默认情况下,这些容器都是隐藏的。

    我们使用了一个名为showInfo的JavaScript函数,该函数接受一个参数,表示要显示的信息类型。当用户点击一个按钮时,就会调用这个函数,并传入相应的信息类型。这个函数首先隐藏所有的容器,然后显示与传入的信息类型对应的容器。

    请注意,这只是一个基本的示例,你可能需要根据你的具体需求进行修改。例如,你可能需要添加更多的信息类型,或者使用更复杂的图表库来显示信息。

    2024-03-04 14:30:45
    赞同 1 展开评论 打赏
问答分类:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载