本帖最后由 Simon.hu 于 2023-8-14 16:22 编辑
先给大家来一个开胃菜,为下一个帖子暖暖场子,虽然这个功能也很秀,基操勿6哈
-------------------------------------正文-------------------------------------
下拉子项支持宽度设置
说道下拉框,在我们开发应用系统中简直是常见的不能再常见了,但是不少的同学遇到这样的情况
虽然下拉子项说的是宽度自适应,但是当下拉项内容多了以后,下拉框就没有那么机智了,于是下面的情况就出现了
或者咱就是知道这个自适应以后列太宽了,然后就想让他不要那么宽
此时需要一个支持给下拉框设置宽度的功能~
所以,活字格9.0update1就给大家提供了这个能力
先看看设置前的效果
现在我们开始设置下拉子项的宽度
在下拉框的下拉子项中,直接找到下拉子项的宽度设置,你会发现一共有2种模式,第一种是固定宽度
第二种是自适应模式
顾名思义第一种,你设置子项多宽,他就是多宽 第二种,子项的宽度会根据内容的大小来变化,但是你可以在此基础上设置他的最小和最大宽度,以保证子项的大小更加合适
然后我们这样设置一下
你会发现效果已经嘎嘎优秀了
亲测以后发现,其实还是自适应设置起来简单一下,固定模式下,你需要调整很多次才能达到满意的效果
你以为这就是这次的全部更新?那你就太天真了
接下来,当我们设置完了以后,我们的用户可能在使用的时候会发现,即使前期设计的人考虑的再周到,计划也赶不上变化。用户还是希望能自己设置宽度,并且按照自己的这个设置,进行记忆,下一次也可以这个宽度。所以下一个节目
记忆用户的宽度设置
首先,我们需要在这里的高级设置中勾选开启下拉状态缓存
勾选以后,如果是第一次的话,系统会提示你这个首次开启缓存,需要创建一个缓存表
开启以后,活字格会自动给你创建一个数据表,用来保存最终用户的设置
为什么需要创建这个表?
你想如果我们希望用户不管在任何地方修改了下拉款的子项宽度,不管是换浏览器,换电脑,都希望能保留的话,那么这些宽度的信息只能保存到数据库的表里才能达成我们希望的效果。 所以这个表就是必须的。当然这个表不但会保存下拉子项的内容,也会保存下一篇帖子,表格设置的内容
好了,不说了,我们直接看效果
我在谷歌浏览器中,将这个下拉框的编号和采购价的子项宽度,拉大;然后去Edge浏览器中看效果
|