关于 bootstrap-table 插入 input字段后点击 按钮得到checkbox = true值的方法

yknt 25天前 117

之前也看到有人提这个问题,分享一下,
js代码如下 columns: [

                    [
                        {checkbox: true},
                        {field: 'id', title: __('Id'),operate: false,visible:false},

                        {field: 'giftarea_id', title: __('Giftarea_id'),visible:false},
                        {field: 'giftarea.name', title: __('Giftarea_id'), operate: false,visible:false},

                        {field: 'name', title: __('Name'),operate: false},
                        {field: 'price', title: __('Price'), operate:'BETWEEN',operate: false},
                        {field: 'yxq', title: __('Yxq'),operate: false, formatter: Table.api.formatter.datetime,visible:false},
                        {field: 'memo', title: __('Memo'),operate: false,visible:false},
                        // {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
                        {field: 'sl', title: __('数量'),operate: false,
                            formatter : function(value, row, index) {
                                return "<input type='text' name='pla_result' id='pla_result' value = '' >";
                            }

                        },

                    ]
                ]
            });

         // 为表格绑定事件
         Table.api.bindevent(table);

        // 选择礼品按钮
        $(document).on("click", ".btn-xuanze", function () {

            // var temp = table.bootstrapTable('getSelections');
            var temp = table.bootstrapTable('getData')

            // console.log(temp[0].name);  //数组 第1个数组
            // $length = temp.length;
            // console.log(temp);   //选中的个数
            // console.log('选中个数为: ' + $length);   //选中的个数

            $sl = [];
            $j = 0;

            //将所有 input 字段数值 存放
            $("table input[type='text']").each(function()
            {
                $sl[$j++] =  $(this).val();
            });

            //遍历所有单元格,找到checkbox = true 并输出
            for ($i=0; $i<temp.length; $i++ )
            {
                if (temp[$i][0] == true)
                {
                    console.log(temp[$i][0]+'  '+ temp[$i].giftarea.name + ' 名称:'+temp[$i].name+ ' 数量:'+ $sl[$i]   );
                }
            }
        });

        }

前台 html 代码
<div class="panel panel-default panel-intro">

{:build_heading()}

<div class="panel-body">
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade active in" id="one">
            {:build_toolbar('refresh')}
            <a href="javascript:;" class="btn btn-danger btn-xuanze " title="{:__('Import')}" id="btn-import-f1ile" data-url=""><i class="fa fa-check"></i> {:__('选择')}</a>

            <div class="widget-body no-padding">
                <table id="table" class="table table-bordered table-hover" width="100%">

                </table>
            </div>
        </div>

    </div>
</div>

</div>

1111.png

最后于 25天前 被yknt编辑
最新回复 (3)
  • 韩家忠 24天前
    感谢TA
    0 引用 2

    怎么实现的,需要仔细看看

  • 韩家忠 23天前
    感谢TA
    0 引用 3

    谢谢,学习了。

  • 85300371 20天前
    感谢TA
    0 引用 4

    官方发布了表格无刷新行内编辑 插件,表格内自带编辑,多方便。rofl

  • 未登录
    5
返回