Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在bootstrapTable中呈现自定义html,但在使用侧分页和url时?_Javascript_Jquery_Bootstrap Table - Fatal编程技术网

Javascript 如何在bootstrapTable中呈现自定义html,但在使用侧分页和url时?

Javascript 如何在bootstrapTable中呈现自定义html,但在使用侧分页和url时?,javascript,jquery,bootstrap-table,Javascript,Jquery,Bootstrap Table,我在某个项目上使用。 我发现这很容易使用和实现分页。但是,对于不同行中的自定义html,我有一些问题。这就是代码的和平 $('#selector').bootstrapTable({ pagination: true, url : some_rest_url, sidePagination: 'server', onLoadSuccess: function (res) { var data_ = []; var rows = r

我在某个项目上使用。 我发现这很容易使用和实现分页。但是,对于不同行中的自定义html,我有一些问题。这就是代码的和平

$('#selector').bootstrapTable({

    pagination: true,
    url : some_rest_url,
    sidePagination: 'server',
    onLoadSuccess: function (res) {
        var data_ = [];
        var rows = res.rows;

        for (var i =0; i < rows.length; i ++) {
            var data = {};
            var item = rows[i];
            $.each(item, function (key, value) {
                if (key == "cost") value = "< span class="cl" >"currency + " " + parseFloat(value).formatNumber(2, '.', ',')."< / span >";
               //and so on some more styling and formatting for other elements/columns of table
               data[key] = value;
           });
           data_.push(data);
    }
    $('#selector').bootstrapTable("load", data_);
$(“#选择器”).bootstrapTable({
分页:正确,
url:some_rest_url,
侧分页:“服务器”,
onload成功:函数(res){
var数据=[];
var行=res.rows;
对于(变量i=0;i”currency+”+parseFloat(value).formatNumber(2,,,,)。“”;
//依此类推,为表的其他元素/列设置更多样式和格式
数据[键]=值;
});
数据推送(数据);
}
$(“#选择器”).bootstrapTable(“加载”,数据);
所以表应该有一个列,并且在每个行span元素中包含该类,但这并没有发生。 我只有boostraptabledefaultload(json数据)中的默认纯文本数据


顺便说一句,当使用普通ajax调用而不是默认的boostrapTable分页时,一切都很好,但我必须进行自定义分页(当有大约1000条记录时,使用sidePagination=client是错误的,而且工作速度很慢)。

在浪费了几个小时后,解决方案是对列使用formatter。例如:

field: 'column_name',
formatter: operateFormatter

function operateFormatter(value, row, index){
//value is text from json
//row is all values from json for that row
}

这样,代码将更加清晰。

举个例子,我可以看到我可以使用格式化程序:operateFormatter,但fck.closing问题。