尝试使用mRender在单元格中显示自定义值会使用Datatables返回错误

时间:2015-03-27 12:23:57

标签: jquery angularjs datatables jquery-datatables

我在angularjs中使用数据表来显示表中的产品列表。 通过使用 mData ,我可以将值绑定到列,但在尝试使用 mRender 时,它会返回错误。

      <table ui-jq="dataTable" ui-options="{
      sAjaxSource: 'http://www.server.netshell:3001/product/getMyProductsList', 
      aoColumns: [
        { mData: null,sDefaultContent: '' },
        { mData: 'productname' },
        { mData: 'published' },
        { mData: 'condition' },
        { mData: 'type' },
        { mData: 'category' },
        { mData: 'price'},
        { mData: null, sDefaultContent: ''},
        { mRender: function(data, type, val){
            return data.productID;
        }}

      ]
    }" class="table table-striped b-t b-b" id="pTable">
    <thead>
      <tr>
        <th  style="width:20%">Product ID</th>
        <th  style="width:20%">Product Name</th>
        <th  style="width:25%">Status</th>
        <th  style="width:25%">Condition</th>
        <th  style="width:15%">Type</th>
        <th  style="width:15%">Category</th>
        <th  style="width:15%">Price</th>
        <th  style="width:15%">Added</th>
        <th  style="width:15%">Action</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>

在这里,我正在尝试获取 ProductId 并将该ID发送到我的控制器,以便修改删除 onclick。但是当尝试在该列中显示简单的 productId 时,它返回了错误

enter image description here

看起来像语法错误但无法找到我错过的地方!

有人可以帮我吗? 的参考Datatables mData

1 个答案:

答案 0 :(得分:0)

  1. 您得到的错误来自AngularJS解析ui-options属性。我不确定}之后的双mRender可能是个问题,请尝试在那里插入空格或换行符。
  2. 根据您提供的参考,mRender在同一列中需要相应的mDatadata参数是mData的参数,val参数是行的完整对象。检查一下。