datatables.js(01) 列格式化 与 列的事件加载

datatables.js

对列进行格式化: 
aoColumns   的  defaultContent
columnDefs 的  "defaultContent": "<input id='delrow' class='btn btn-primary' type='text'></input>"
--动态填充数据
"mRender": function (data, type, full) {
                return "<input id='" + data[1] + "' type='text' value='" + data[1] + "'>"}


我还记得有一个 prop的function可以做到对列进行动态格式化

   

第三种方法:  回调函数
"fnRowCallback":function(nRow,aData,iDataIndex){
            var id = $('td', nRow).eq(0).text();
            var ip = $('td', nRow).eq(3).text();
            $('td:eq(-1)',nRow).html('修改 '+
            '删除');
            return nRow;
        },


        { "data": null,orderable: false,}


    
"fnRowCallback":function(nRow,aData,iDataIndex){
            var id = $('td', nRow).eq(0).text();
            var ip = $('td', nRow).eq(3).text();
            $('td:eq(-1)',nRow).html('修改 '+
            '删除');
            return nRow;
        },
第四个方法

 "mDataProp": "job",
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).addClass('selectTd').attr('id', 'td_' + sData + '_' + oData.id);
                    //$(nTd).html("<select class='selectTd' id=td_"+sData+"_"+oData.id+"><option value="+sData+" selected>"+sData+"</option></select>");
事件的挂载:

 

posted @ 2015-11-07 07:20  ComeOfCome  阅读(2271)  评论(0编辑  收藏  举报