table中怎样渲染select下拉列表

提问 已结
8 689
flyer177432
flyer177432 2018-5-16
悬赏:20飞吻







回帖
  • @flyer177432 我弄了个例子,你可以试一下 https://pan.baidu.com/s/16G_yhcdWaZRWOMjmo3-SQA
    0 回复
  • 首先确实templet写错了,参考一下这个
    <select name="children" lay-filter="childrenSelect">
    {{# layui.each(d.children, function(index, data){ }}
    <option value="{{data.value||''}}" {{# if(d.selectedValue === data.value) { }} selected="" {{# } }} >{{data.name}}</option>
    {{# });}}
    </select>
    虽然不知道你的children是做什么用的但是如果你想把数据的children当成select的选项,那么就必须遍历。(代码纯在社区手敲,可能会有写错的,试试看。)
    到此select里面的option应该是没问题了,但是你会发现from.render之后点击下拉还是看不到下拉的选项,这时候需要修改td里面的layui-table-cell的样式,让overflow:auto之类的,再试试点击下拉应该能看到选项了,似乎到此都还顺利以为可以完工了,但是会出现另外一个问题,会把表格的高度撑开,特别是原先的表格高度不高的时候,这个问题俺还没对策,不知道别人是怎么处理这个样式的,可以看看别人的额。我是项目中没有在table中使用select。

    差点忘了一个就是表单的select硕大,而且没有size:'sm'之类的,所以还得表格的size:'lg'才能兜的下,正常高度的表格放不下,可以通过修改在表格中的layui 的select相关的样式来支持。
    [偷笑]
    最后,能不在table中用select还是不用吧,很多坑等着你呢~当然也许有高手能更好的处理掉这些样式。
    最后差点忘了一个既然select那么必然需要监听选择,还得记得选中的时候同步到table.cache中相应的数据之类的
    凉凉的~
    0 回复
  • @岁月小偷 好的,谢谢。我试试
    0 回复



  • 0 回复
  • @岁月小偷 谢谢哈,已经搞定了。

    你有博客吗?可以关注下吗?
    0 回复
  • @flyer177432 可以出来了是吧?木有博客哈,比较懒[偷笑] ,估计以后表格中下拉的还会遇到问题就是有固定列的时候你点击下拉出来option比较多的时候会影响不固定的tbody的高度,但是fixed的没有变化,这时候滚动的时候会出现固定列和不固定列有不同步的现象,如果遇到这个情况估计得让其他的高手给看看怎么弄那个样式好,我是直接简单粗暴的把select外层的div设置overflow自动。
    0 回复
  • 嗯嗯。你是Java的吗?工作几年了。
    0 回复
  • 你使用过百度的富文本编辑器ueditor吗
    0 回复