【问题标题】:jQuery DataTables fnrender urljQuery DataTables fnrender url
【发布时间】:2015-03-22 12:46:36
【问题描述】:

我正在使用 jQuery DataTable 来形成一个表格。 Servlet 输出如下所示:

{
  "iTotalRecords": 11,
  "iTotalDisplayRecords": 11,
  "aaData": [
    {
      "idUser": 1,
      "firstName": "example admin",
      "lastName": "surname",
      "password": "admin",
      "email": "admin@unb.by",
      "role": "ADMINISTRATOR"
    },
    {
      "idUser": 2,
      "firstName": "user",
      "lastName": "user",
      "password": "user",
      "email": "user@unb.by",
      "role": "USER"
    },
...

信息来自mysql。这是我的js代码:

<script>
        $(document).ready( function () {
        $('#users').DataTable({
            "bProcessing": true,
            "bServerSide": false,
            "sAjaxSource": "/IssueTracker/main/users",
            "aoColumns": [
                    { "mData": "idUser", "sClass": "center" },
                    { "mData": "firstName", "sClass": "center"},
                    { "mData": "lastName", "sClass": "center" },         
                    { "mData": "email", "sClass": "center"},  
                    { "mData": "role", "sClass": "center" },  
                    { "sClass": "center", 
                        "fnRender": function( oObj ) {
                            return '<a href="' + oObj.aData["idUser"] + '">' + oObj.aData["email"] + '</a>';
                        }   
                    }
            ]
        });
        } )
</script>

我只是想获取实际数据,但是我的jsp不显示链接...怎么了?

【问题讨论】:

    标签: jquery ajax jsp servlets datatables


    【解决方案1】:

    找到我自己问题的答案。我们需要添加两个新函数,用于链接列信息,类型为:

    { "mData": function(source) { 
                            var resObj = {
                                    'idUser' : source.idUser,
                                    'email' : source.email,
                                  }
                                  return resObj;    
                        },
                        'mRender': function(resObj) {
                            var res = '<a href="url='+ resObj.idUser + '&email=' + resObj.email + '" >text</a>';
                            return res;
                          }
                        }
    

    【讨论】:

      猜你喜欢
      • 2011-09-25
      • 1970-01-01
      • 1970-01-01
      • 2011-10-08
      • 1970-01-01
      • 1970-01-01
      • 2015-10-26
      • 1970-01-01
      • 2018-07-03
      相关资源
      最近更新 更多