bootstrap table 行内编辑 select2 多选问题

最新推荐文章于 2025-07-11 13:32:47 发布

原创

最新推荐文章于 2025-07-11 13:32:47 发布 · 1.2w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap table 行内编辑 #select2行内编辑多选不可用

本文探讨了在使用Bootstrap Table进行行内编辑时，如何解决Select2组件多选功能的问题。通过修改bootstrap-editable.js源码的itemsByValue方法，将回传的逗号分隔字符串转换为数组，从而实现多选选项的正确处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bootstrap table 行内编辑Select2多选需要修改bootstrap-editable.js源码的itemsByValue方法

当多选时,回传类似 ",1,2,3"的字符串,需要转换成数组

列定义

var columns = [{
            title : '列名',
            field : 'zpyq',
            align : 'center',
            width : "25%",
            editable : {
                type : 'select2',
                title : '列名',
                name : 'zpyq',
                emptytext : "--",
                placement : 'top',
                source : function() {//动态获取数据
                    var result = [];
                    $.ajax({
                                url : $.el.Register.AppUrl + "rwfp/selectZjyqB",
                                async : false,
                                type : "get",
                                data : {},
                                success : function(data, status) {
                                    $.each(data, function(key, value) {