javascript - 在引导表中插入输入类型列

我在引导表中有问题，我有一个引导表，该引导表由使用JQuery AJAX的数据库中的数据填充，我想做的是在每条记录的最后一列上插入/添加<input type="text"/>。

我的Jquery脚本：

<script type="text/javascript">
    $(function(){

        var baseurl = "<?php print site_url('/quotes/get'); ?>";

            $.ajax({
                method: "POST",
                url: baseurl,
                data: { analid: 1 },
                dataType: 'json'
            })
                .done(function( msg ) {

                console.log(msg);

                $('#qtable').bootstrapTable({
                    data: msg
                });

            });

    });
</script>

上面的脚本正在显示数据库中的数据，然后我在Web的底部找到了这个引用（LINK HERE），在这里我看到了bootstraptable的某些方法，例如添加静态列。

更新的代码Jquery脚本：

 $(function() {
    var baseurl = "<?php print site_url('index.php/quotes/get'); ?>";
    $.ajax({
            method: "POST",
            url: baseurl,
            data: {
                analid: 1
            },
            dataType: 'json'
        })
        .done(function(msg) {

            console.log(msg);

            $('#qtable').bootstrapTable({
                data: msg,
                columns: [{ //<--- here is where I lost.. I don't know what to do here or what should I add..
                    field: 'operate',
                    title: 'Item Operate',
                    align: 'center',
                    valign: 'middle',
                    clickToSelect: false,
                    formatter: operateFormatter,
                    events: operateEvents
                }]

            });

        });
});

任何替代和优化方式的解决方案都倍受赞赏。

谢谢！

最佳答案

您可以使用列选项formatter。参见示例HERE

formatter : function(value,row,index) {
   return '<input name="elementname"  value="'+value+'"/>';
   //return '<input name="elementname"  value="'+row.id+'"/>';     here id is your field name
 }

单元格格式化程序功能，采用三个参数：


value：字段值。
row：行记录数据。
index：行索引。


在这种情况下，您的代码将如下所示（假设“ operate”是您的最后一列名称）

$('#qtable').bootstrapTable({
            data: msg,
            columns: [{ //<--- here is where I lost.. I don't know what to do here or what should I add..
                field: 'operate',
                title: 'Item Operate',
                align: 'center',
                valign: 'middle',
                clickToSelect: false,
                formatter : function(value,row,index) {
                   return '<input name="elementname"  value="'+value+'"/>';
                   //return '<input name="elementname"  value="'+row.id+'"/>';     here id is your field name
                }
            }]

        });