如何调整列表左树的宽度原创
金蝶云社区-wbshcy
wbshcy
2人赞赏了该文章 530次浏览 未经作者许可,禁止转载编辑于2021年11月26日 16:05:23

标签:

列表、左树、宽度

需求背景:

列表界面是左树右表展示的,列表的字段比较多,而左树的分类名称是比较短的,希望可以缩小列表左边树的宽度。

 

1.png

实现方案:

步骤1在列表界面通过按快捷键CTRL+ALT+G打开列表模板在设计器的界面,可看到列表模板的标识是bos_templatetreelist

2.png

 

其实也可以直接在列表界面可以找到该列表模板的标识: 

3.png


步骤2:开发平台搜bos_templatetreelist,确定该界面所属的应用,然后扩展该应用,在扩展应用找到该界面继承出一个新的界面,新页面的标识为kded_bos_newtemplate

4.png


步骤3:打开kded_bos_newtemplate选中容器分割面板,调整分割位置和子容器最小宽度。

这里分割位置调整为150px,子容器最小宽度设置为50(需要小于分割位置)

5.png

 

步骤4:列表界面的【列表表单模板】属性绑定新页面kded_bos_newtemplate

 

6.png

 

实现效果:

之前:

 

7.png

之后:

 

8.png

思考过程:

打开列表模板界面,发现左树的宽度就是这个分割容器面板决定的,但是右边属性并没有设置宽度的属性。

 

9.png

 

在控件栏发现只有分割容器这个控件,原来分割容器面板是分割容器的部分组成,而不是子控件,所以从了解更多看下分割容器的介绍。

10.png

发现了分割容器的分割位置、分割方向、子容器最小宽(高)度这些属性,于是返回设计器调整这些属性设置。

11.png


赞 2