找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2023-8-14 14:32  /   查看:1637  /  回复:0
本帖最后由 Simon.hu 于 2023-8-14 16:22 编辑

先给大家来一个开胃菜,为下一个帖子暖暖场子,虽然这个功能也很秀,基操勿6哈

-------------------------------------正文-------------------------------------
下拉子项支持宽度设置
说道下拉框,在我们开发应用系统中简直是常见的不能再常见了,但是不少的同学遇到这样的情况
虽然下拉子项说的是宽度自适应,但是当下拉项内容多了以后,下拉框就没有那么机智了,于是下面的情况就出现了
image.png698298949.png

或者咱就是知道这个自适应以后列太宽了,然后就想让他不要那么宽
此时需要一个支持给下拉框设置宽度的功能~
所以,活字格9.0update1就给大家提供了这个能力
先看看设置前的效果
image.png459620971.png
现在我们开始设置下拉子项的宽度
在下拉框的下拉子项中,直接找到下拉子项的宽度设置,你会发现一共有2种模式,第一种是固定宽度
image.png489410399.png
第二种是自适应模式
image.png235233458.png
顾名思义
第一种,你设置子项多宽,他就是多宽
第二种,子项的宽度会根据内容的大小来变化,但是你可以在此基础上设置他的最小和最大宽度,以保证子项的大小更加合适

然后我们这样设置一下
image.png157073973.png
你会发现效果已经嘎嘎优秀了
image.png268708800.png
亲测以后发现,其实还是自适应设置起来简单一下,固定模式下,你需要调整很多次才能达到满意的效果

你以为这就是这次的全部更新?那你就太天真了

接下来,当我们设置完了以后,我们的用户可能在使用的时候会发现,即使前期设计的人考虑的再周到,计划也赶不上变化。用户还是希望能自己设置宽度,并且按照自己的这个设置,进行记忆,下一次也可以这个宽度。所以下一个节目
记忆用户的宽度设置
首先,我们需要在这里的高级设置中勾选开启下拉状态缓存
image.png411220702.png
勾选以后,如果是第一次的话,系统会提示你这个首次开启缓存,需要创建一个缓存表
image.png633251647.png
开启以后,活字格会自动给你创建一个数据表,用来保存最终用户的设置
image.png253451537.png
为什么需要创建这个表?
你想如果我们希望用户不管在任何地方修改了下拉款的子项宽度,不管是换浏览器,换电脑,都希望能保留的话,那么这些宽度的信息只能保存到数据库的表里才能达成我们希望的效果。 所以这个表就是必须的。当然这个表不但会保存下拉子项的内容,也会保存下一篇帖子,表格设置的内容

好了,不说了,我们直接看效果
我在谷歌浏览器中,将这个下拉框的编号和采购价的子项宽度,拉大;然后去Edge浏览器中看效果
效果.gif




评分

参与人数 2满意度 +10 收起 理由
sz_xd + 5
lijetcart + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部