Skip to main content
adicionou 1623 caracteres ao conteúdo
Fonte Link
SneepS NinjA
  • 7,8mil
  • 13
  • 46
  • 92

EDIT:

Não pediu mas como no site não tem um exemplo fácil para manipular diretamente o json que já esta em uso pelo plugin achei até necessário postar como fazer para excluir um item, com base nesse exemplo o editar seria na mesma linha de raciocínio, que é editar o json, excluindo ou alterando um registro, depois carregar ele novamente no plugin segue exemplo:

var MeuArray = 
        [
            {            
                "idx":0,
                "band": "Weezer",
                "song": "El Scorcho",
                "editar": "<button onclick='javascript:editar(0);'>editar</button>",
                "excluir": "<button onclick='javascript:excluir(0);'>excluir</button>"
            },
            {   
                "idx":1,
                "band": "Chevelle",
                "song": "Family System",
                "editar": "<button onclick='javascript:editar(1);'>editar</button>",
                "excluir": "<button onclick='javascript:excluir(1);'>excluir</button>"
            }
        ];
$('#my-final-table').dynatable({ dataset: { records: MeuArray } });

function excluir(index){
    for(var i=0; i<MeuArray.length; i++){
        var obj = MeuArray[i];
        if(obj.idx == index){ 
            MeuArray.splice(i, 1);            
            break;
        }        
    }    
    var dynatable = $('#my-final-table').data('dynatable');
    dynatable.settings.dataset.originalRecords = MeuArray;
    dynatable.process();    
}

EDIT:

Não pediu mas como no site não tem um exemplo fácil para manipular diretamente o json que já esta em uso pelo plugin achei até necessário postar como fazer para excluir um item, com base nesse exemplo o editar seria na mesma linha de raciocínio, que é editar o json, excluindo ou alterando um registro, depois carregar ele novamente no plugin segue exemplo:

var MeuArray = 
        [
            {            
                "idx":0,
                "band": "Weezer",
                "song": "El Scorcho",
                "editar": "<button onclick='javascript:editar(0);'>editar</button>",
                "excluir": "<button onclick='javascript:excluir(0);'>excluir</button>"
            },
            {   
                "idx":1,
                "band": "Chevelle",
                "song": "Family System",
                "editar": "<button onclick='javascript:editar(1);'>editar</button>",
                "excluir": "<button onclick='javascript:excluir(1);'>excluir</button>"
            }
        ];
$('#my-final-table').dynatable({ dataset: { records: MeuArray } });

function excluir(index){
    for(var i=0; i<MeuArray.length; i++){
        var obj = MeuArray[i];
        if(obj.idx == index){ 
            MeuArray.splice(i, 1);            
            break;
        }        
    }    
    var dynatable = $('#my-final-table').data('dynatable');
    dynatable.settings.dataset.originalRecords = MeuArray;
    dynatable.process();    
}
Fonte Link
SneepS NinjA
  • 7,8mil
  • 13
  • 46
  • 92

faz assim:

$('#my-final-table').dynatable({
dataset: {
    records:
            [
                {
                    "band": "Weezer",
                    "song": "El Scorcho",
                    "editar":"<button onclick='javascript:editar();'>editar</button>",
                    "excluir":"<button onclick='javascript:excluir();'>excluir</button>"
                },
                {
                    "band": "Chevelle",
                    "song": "Family System",
                    "editar":"<button onclick='javascript:editar();'>editar</button>",
                    "excluir":"<button onclick='javascript:excluir();'>excluir</button>"
                }
            ]
}
});

Caso você esteja recebendo o json de um ajax, lá onde o json é gerado terá que montar os elementos (botoes do HTML) junto no json como o exemplo acima, ai é só você implementar a parte do javascript para editar/excluir, se tiver dúvidas nessa parte é só sinalizar.