关于jQuery中dataTable问题,如何修改sAjaxSource添加参数

关于jQuery中dataTable问题,如何修改sAjaxSource添加参数,第1张

1.

fnfiler

是插入表格数据的一个方法

查了下

有以下参数

{string}:

string

to

filter

the

table

on

插入表格的值

{int|null}:

column

to

limit

filtering

to

最大行数

{bool}

[default=false]:

treat

as

regular

expression

or

not

{bool}

[default=true]:

perform

smart

filtering

or

not

{bool}

[default=true]:

show

the

input

global

filter

in

it's

input

box(es)

{bool}

[default=true]:

do

case-insensitive

matching

(true)

or

not

(false)

2.

this.value

是对应的input的值

3.

$("tfoot

th").index($(this).parent())+1

因为序列index是从0取的,而实际行数应该需要加1.

好比

0.1.2

其实是有3个数,但显示最后是2.

需要+1

按你的代码得到的是

7

jquery.datatable 初始化时可以在column或者columnDefs中定义render方法, 可以返回自定义的表格单元结构

举个栗子(javascript初始化的数据源):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="author" content="sleest">

    <meta name="description" content="datatable example with column render, 2017/08/04">

    <title>Document</title>

    <link rel="stylesheet" href="https://cdn.bootcss.com/datatables/1.10.15/css/jquery.dataTables.min.css">

</head>

<body>

    <table id="example" class="display" width="100%"></table>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/datatables/1.10.15/js/jquery.dataTables.min.js"></script>

    <script>

    +(function($) {

        var dataSet = [

            ["Tiger Nixon", "System Architect", "Edinburgh"],

            ["Garrett Winters", "Accountant", "Tokyo"],

            ["Ashton Cox", "Junior Technical Author", "San Francisco"],

            ["Cedric Kelly", "Senior Javascript Developer", "London"]

        ]

        $(function() {

            $('#example').DataTable({

                data: dataSet,

                columns: [

                    { title: "Name", sortable: false, render: function(data, type, row) { return '<a href="###">' + data + '</a>' } },

                    { title: "Position", sortable: false },

                    { title: "Office", sortable: false },

                ]

            })

        })

    })(jQuery)

    </script>

</body>

</html>

结果:

具体可以参考官方api:

https://datatables.net/examples/advanced_init/column_render.html

//调用一般处理程序  将你的DataTable转为json Response.Write(json) var para = {

   "actionname":"xx"

}  //定义好你需要传的参数

$.ajax({

                url: location.href, //url地址

                type: "POST",

                data: para,//模拟个数据

                success: function (result) {

                //我这里返回的是text 

                    if (result != "" && result != undefined) {

                        var data = JSON.parse(result)   //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result

                        var tempHtml = ""

                        for(var i = 0 i< data.length i++)

                        {

                             tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"

                        }

                        $("table").append(tempHtml) //添加你拼接好的html到table里

                    }

                }, error: function (err) {

                }

    })


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11416378.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存