bootstrap table表格中绑定控件

最新推荐文章于 2023-05-29 22:53:51 发布

机智的成大

最新推荐文章于 2023-05-29 22:53:51 发布

阅读量246

点赞数

CC 4.0 BY-SA版权

文章标签： js html jquery javascript

本文链接：https://blog.youkuaiyun.com/ITCwg/article/details/117028073

本文介绍了一个用于表格数据编辑的自定义组件实现方案，该组件能够动态生成包含输入框的单元格，支持用户直接在表格中修改数据，并提供了下拉菜单等附加功能。

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

// An highlighted block
     {
                    title: '名称',
                    field: 'expName',
                    align: 'center',
                    formatter: function (value, row, rowIndex) {
                        var htmlList = [];
                        htmlList.push('<div style="margin-right: 0px;" class="drugInput"> <input type="text"  value="' + row.expName + '" class="form-control requireInput"  autocomplete="off" id="Warehousing-drugName-' + rowIndex + '" style="width: 110px;height: 24px;margin-top: 7px;padding: 2px;"> <div class="input-group-btn"> <ul class="dropdown-menu dropdown-menu-right ulululo"  role="menu" id=""> </ul > < /div> </div > ')
                        var html = htmlList.join('');
                        return html;
                    }
                },