帆软报表设置边框线 筛选栏和表格中有一条黑线

1.对比说明
图一没有边框线,图二有。
图一
图二
2.效果实现
1.【模板】->【重复与冻结设置】
在这里插入图片描述
2.【选择需要冻结的行】->【分页冻结]】
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在ExtJS中实现带有分页查看功能的树形菜单,您可以使用Ext.tree.Panel组件和Ext.PagingToolbar组件。 首先,您需要创建一个Ext.tree.Panel组件来显示树形菜单。在这个组件中,您将使用Ext.data.TreeStore来加载并显示数据。在TreeStore中,您可以设置每个节点的属性,例如节点ID,文本和图标。 接下来,您需要创建一个Ext.PagingToolbar组件来为树形菜单添加分页按钮。您可以将这个组件放在树形菜单下方,让用户可以方便地浏览大量的节点。 最后,您需要设置分页逻辑。当用户点击分页按钮时,您需要重新加载树形菜单的数据,并设置每页显示的节点数量。 下面是一个示例代码片段,演示如何创建带有分页查看功能的树形菜单: ```javascript // 创建一个树形菜单 var tree = Ext.create('Ext.tree.Panel', { store: Ext.create('Ext.data.TreeStore', { root: { expanded: true, children: [ { text: 'Node 1', leaf: true }, { text: 'Node 2', leaf: true }, { text: 'Node 3', leaf: true }, { text: 'Node 4', leaf: true }, { text: 'Node 5', leaf: true }, { text: 'Node 6', leaf: true }, { text: 'Node 7', leaf: true }, { text: 'Node 8', leaf: true }, { text: 'Node 9', leaf: true }, { text: 'Node 10', leaf: true }, { text: 'Node 11', leaf: true }, { text: 'Node 12', leaf: true }, { text: 'Node 13', leaf: true }, { text: 'Node 14', leaf: true }, { text: 'Node 15', leaf: true } ] } }), rootVisible: false, useArrows: true, frame: true, border: false, width: 400, height: 400, bbar: { xtype: 'pagingtoolbar', store: Ext.create('Ext.data.Store', { fields: ['text'], data: [ { text: 'Page 1' }, { text: 'Page 2' }, { text: 'Page 3' }, { text: 'Page 4' }, { text: 'Page 5' } ] }), displayInfo: true } }); // 将树形菜单添加到页面中 Ext.create('Ext.container.Viewport', { layout: 'fit', items: [tree] }); ``` 这段代码将创建一个带有15个叶子节点的树形菜单,并为其添加了一个分页工具。当用户单击分页按钮时,树形菜单将重新加载以显示相应的节点。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值