zoukankan      html  css  js  c++  java
  • 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>");
    事件的挂载:
  • 相关阅读:
    算法学习-顺序查找
    EF框架中Attach与Entry
    EntityFramework更新实体绑定实体字段简便方法
    C# 快速写入本地文件
    Vue 3.0初探
    二维管线生成三维管线,转换3DTiles 思路
    Civil3d中 如何用管轴线的变坡点桩号控制其他纵断面数据的显示?
    jupyter
    jenkins
    ambari
  • 原文地址:https://www.cnblogs.com/Lennyyi/p/4944265.html
Copyright © 2011-2022 走看看