渲染表格数据 function setDataRowitemnumber 创建行 var row = documentcreateElementtr; rowsetAttributeclassuseOnce; 创建勾选框 var checkbox = documentcreateElementtd; var

// 渲染表格数据 function setDataRow(item,number){ //创建行 var row = document.createElement('tr'); row.setAttribute('class','useOnce'); //创建勾选框 var checkbox = document.createElement('td'); var checkboxDiv = document.createElement('div'); checkboxDiv.setAttribute("class","custom-control custom-checkbox"); var checkboxInput = document.createElement('input'); checkboxInput.setAttribute("class","custom-control-input"); checkboxInput.setAttribute("type","checkbox"); checkboxInput.setAttribute('name','chk'); checkboxInput.setAttribute('value',item.id); checkboxInput.setAttribute("id",number); checkboxDiv.appendChild(checkboxInput); var checkboxLabel = document.createElement('label'); checkboxLabel.setAttribute("class","custom-control-label"); checkboxLabel.setAttribute("for",number); checkboxDiv.appendChild(checkboxLabel); checkbox.appendChild(checkboxDiv); row.appendChild(checkbox)

var titleCell  = document.createElement('td');

titleCell.innerHTML = item.title;

row.appendChild(titleCell);
var introductionCell  = document.createElement('td');

if(item.introduction != null && item.introduction != "" && item.introduction.length >= 11){
    introductionCell.innerHTML = item.introduction.substring(0, 10) + "...";
}else{
    introductionCell.innerHTML = item.introduction;
}


row.appendChild(introductionCell);
var pictureCell  = document.createElement('td');

var pictureImg = document.createElement('img');
pictureImg.setAttribute('src',item.picture);
pictureImg.setAttribute('height',100);
pictureImg.setAttribute('width',100);
pictureCell.appendChild(pictureImg);


row.appendChild(pictureCell);
var contentCell  = document.createElement('td');

//如果图文详情包含图片
if(item.content && item.content.indexOf('img') != -1){
    //暂时只考虑图片+文字 和 文字+图片的情况
    var beginIndex = item.content.indexOf('<img');
    var endIndex = item.content.indexOf('>');
    contentCell.innerHTML = item.content.substring(beginIndex, endIndex+1).replace("img","img width='100' height='100'");
}else{
    if(item.content != null && item.content != "" && item.content.length >= 11){
        contentCell.innerHTML = item.content.substring(0, 10) + "...";
    }else{
        contentCell.innerHTML = item.content;
    }
}



row.appendChild(contentCell);

//每行按钮
var btnGroup = document.createElement('td');

//详情按钮
var detailBtn = document.createElement('button');
var detailAttr = "detail(" + item.id + ')';
detailBtn.setAttribute("type","button");
detailBtn.setAttribute("class","btn btn-info btn-sm 查看");
detailBtn.setAttribute("onclick",detailAttr);
detailBtn.innerHTML = "查看"
btnGroup.appendChild(detailBtn)
//修改按钮
var editBtn = document.createElement('button');
var editAttr = 'edit(' +  item.id + ')';
editBtn.setAttribute("type","button");
editBtn.setAttribute("class","btn btn-warning btn-sm 修改");
editBtn.setAttribute("onclick",editAttr);
editBtn.innerHTML = "修改"

btnGroup.appendChild(editBtn)
//删除按钮
var deleteBtn = document.createElement('button');
var deleteAttr = 'remove(' +  item.id + ')';
deleteBtn.setAttribute("type","button");
deleteBtn.setAttribute("class","btn btn-danger btn-sm 删除");
deleteBtn.setAttribute("onclick",deleteAttr);
deleteBtn.innerHTML = "删除"
btnGroup.appendChild(deleteBtn)


row.appendChild(btnGroup)
return row;

}