@{
    ViewBag.Title = "选择商品标签";
    Layout = "~/Views/Shared/_LayoutTable.cshtml";
}

@section scripts{
    <script type="text/javascript">
        function Search() {
            $('#TagsTable').bootstrapTable('refresh', { url: '../WLTManage/GetTagsTableList?strwhere=' + $("#tagName").val() });
        }
        function btnselect() {
            var select = $('#TagsTable').bootstrapTable("getSelections");
            var nubs = "";
            for (var i = 0; i < select.length; i++) {
                if (i == select.length - 1)
                { nubs += "" + select[i].NUB + ""; }
                else
                { nubs += "" + select[i].NUB + "" + ","; }
            }
            $.ajax({
                url: "../WLTManage/SaveTagsSetting",
                dataType: "text",
                data: { nubs: nubs },
                type: "post",
                success: function (data) {
                    if (data == "保存成功！") {
                        parent.$('#CommoditiesTable').bootstrapTable('refresh');
                        parent.layer.msg(data, { time: 2000 })
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                    } else {
                        layer.msg(data, { time: 2000 });
                    } 
                },
                error: function (data) {
                    layer.msg(data, { icon: 2, time: 2000 });
                }
            })
        }

        $(function () {
            $('#TagsTable').bootstrapTable({
                url: '../WLTManage/GetTagsTableList',         //请求后台的URL（*）
                method: 'post',                      //请求方式（*）
                toolbar: '',                //工具按钮用哪个容器
                striped: true,                      //是否显示行间隔色
                pagination: true,                   //是否显示分页（*）
                sortOrder: "asc",                   //排序方式
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 20, 50],        //可供选择的每页的行数（*）
                minimumCountColumns: 2,  //最少允许的列数
                //height: "500",               //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "",            //每一行的唯一标识，一般为主键列
                clickToSelect: true,              //是否启用点击选中行
                sortable: true,                     //是否启用排序
                silentSort: true,
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                strictSearch: false,
                paginationFirstText: '首页',
                paginationLastText: '末页',
                paginationPreText: '上一页',
                paginationNextText: '下一页',
                showColumns: false,            //是否显示所有的列
                showRefresh: false,              //是否显示刷新按钮
                showToggle: false,                     //是否显示详细视图和列表视图的切换按钮
                 cardView: false,                    //是否显示详细视图
                detailView: false,                   //是否显示父子表
                queryParams: function (params) {
                    return {
                        pagesize: params.limit,//页面大小
                        page: params.offset //页码
                    };
                },//传递参数（*）
                columns: [
                    { checkbox: true },
                    {
                        field: "CLASSNAME", title: "标签名称",align:'center'
                    },
                    {
                        field: "NUB", title: "NUB"
                    },
                    {
                        field: "COMMENT", title: "COMMENT"
                    }
                ]

            });
            $('#TagsTable').bootstrapTable('hideColumn', 'NUB');
            $('#TagsTable').bootstrapTable('hideColumn', 'COMMENT');
        })

    </script>
}
<div class="wrapper wrapper-content animated fadeInDown">
    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <table class="table table-bordered table-striped table-hover" style="margin:0px;">
                <tr>
                    <td style="width:12%;">
                        按标签名称查询：
                    </td>
                    <td style="width:30%;">
                        <input type="text" id="tagName"/>
                    </td>
                    <td style="width:35%;">
                        <button id="btnSeach" onclick="Search()" class="btn btn-default"><i class="layui-icon">&#xe615;</i> 查询</button>
                        <button id="btnselect" class="btn btn-default" onclick="btnselect()"><i class="layui-icon">&#xe618;</i> 确定选择</button>
                    </td>
                </tr>
            </table>
            <table id="TagsTable"></table>
        </div>
    </div>
</div>