Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表格类元素 > 列弹层 >
单图片管理器

此弹层仅适用数据列保存一个图片文件的情况。例如,给表格添加“照片”列,由于这是一个字符型的列,因而可以绑定列弹层:

在绑定列弹层时,WebBuilderX还会自动为该列生成列模板(点击“列模板/列工具栏”即可看到模板内容)。该模板的作用是,将该列有内容的单元格显示为图片图标,没内容的显示为空,这样可以让整个表格看起来更加清爽不凌乱。如下图,就是页面刷新之后的效果:

表面上好像只是多了一个带图标的照片列,可如果单击某一行上的照片单元格,效果立现:右侧将自动有一个弹层显示当前行的对应图片:

在图片上单击,可下载或全屏打开显示此图片。

上图还仅仅是查询时的效果,因为刚才在添加照片列的时候,没有勾选“允许直接编辑”。如果勾选此选项,则弹出的弹层是这个样子:

在允许编辑的时候,弹层中将多一个“上传新图”的按钮。点击此按钮,即可修改原来的图片,也可重新上传新的图片。由于单图片在上传之前是可以裁剪的,因而与图片大小、图片数量以及图片压缩等方面的参数无效,但仍然可以设定保存路径: