如何调整列表左树的宽度原创
2人赞赏了该文章
623次浏览
编辑于2021年11月26日 16:05:23
标签:
列表、左树、宽度
需求背景:
列表界面是左树右表展示的,列表的字段比较多,而左树的分类名称是比较短的,希望可以缩小列表左边树的宽度。
实现方案:
步骤1:在列表界面通过按快捷键CTRL+ALT+G打开列表模板在设计器的界面,可看到列表模板的标识是bos_templatetreelist
其实也可以直接在列表界面可以找到该列表模板的标识:
步骤2:开发平台搜bos_templatetreelist,确定该界面所属的应用,然后扩展该应用,在扩展应用找到该界面继承出一个新的界面,新页面的标识为kded_bos_newtemplate
步骤3:打开kded_bos_newtemplate选中容器分割面板,调整分割位置和子容器最小宽度。
这里分割位置调整为150px,子容器最小宽度设置为50(需要小于分割位置)
步骤4:列表界面的【列表表单模板】属性绑定新页面kded_bos_newtemplate
实现效果:
之前:
之后:
思考过程:
打开列表模板界面,发现左树的宽度就是这个分割容器面板决定的,但是右边属性并没有设置宽度的属性。
在控件栏发现只有分割容器这个控件,原来分割容器面板是分割容器的部分组成,而不是子控件,所以从了解更多看下分割容器的介绍。
发现了分割容器的分割位置、分割方向、子容器最小宽(高)度这些属性,于是返回设计器调整这些属性设置。
赞 2
2人点赞
还没有人点赞,快来当第一个点赞的人吧!
打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!