效果：

代碼：（光標離開修改項目的序號）

,{field:'ordinal',title:'序號',align:'center',templet:function (d) {
    return '<input type="text" value="'+d.ordinal+'" onblur="updateOri(this,'+d.id+','+d.ordinal+')">';
}}
,{field:'id', title:'項目編號',align:'center'}
,{field:'image', align:'center',title:'圖片',templet:function (d) {
    if(d.image != ''){
        return "<div><img class='img-responsive' src="+d.image+"></div>";
    }else{
        return "";
    }
}}

// 修改序號
    function updateOri(obj,pid,oldOri) {
        if(!r.test( $(obj).val() ) ){
            layer.msg('請先填寫正確的序號 ！', {
                icon: 7,
                time: 2000 //2秒關閉（如果不配置，默認是3秒）
            });
            return false;
        }

        // 內容被修改了 才會請求后臺執行修改
        if($(obj).val() != oldOri ){
            $.ajax({
                url:"zlkj_project_manage.php",
                data:{
                    'pid':pid,
                    'ordinal':$(obj).val(),
                    'act':'updateOrdinal'
                },
                type:"post",
                dataType:"json",
                success:function(res){
                    if(res == 1){
                        layer.msg('修改成功', {
                            icon: 1,
                            time: 2000
                        }, function(){
                            location.reload();
                        });
                    }else{
                        layer.msg('修改失敗', {
                            icon: 2,
                            time: 2000
                        }, function(){
                            // location.reload();
                        });
                    }
                },
            });
        }
    }

注重細節——關注底層——注重細節——關注底層——注重細節——關注底層——注重細節——關注底層——注重細節——關注底層

總結

以上是生活随笔為你收集整理的Layui———自定义tabel数据列表td内容（templet）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。