ASP MVC COM ANGULAR DATATABLE COM BOTÃO EDIT

EDELSIOBR 07/11/2016 09:45:02
#468775
Olá amigos!
Estou tentando fazer um datatable com angular js com botões de edit e delete consegui colocar os botões.
Mas não consigo capturar o ID pra edição e exclusão pra enviar pra outra tela quando o usuário clica nele.
Segue o abaixo como estou fazendo.

Index:

link href=[Ô]~/css/bootstrap.css[Ô] rel=[Ô]stylesheet[Ô] />
<link href=[Ô]~/css/jquery.dataTables.min.css[Ô] rel=[Ô]stylesheet[Ô] />
<script src=[Ô]~/Scripts/jquery.js[Ô]></script>
<script src=[Ô]~/Scripts/jquery.dataTables.js[Ô]></script>
<script src=[Ô]~/Scripts/angular.js[Ô]></script>
<script src=[Ô]~/Scripts/angular-datatables.js[Ô]></script>

<script src=[Ô]~/Scripts/myApp.js[Ô]></script>

<div ng-app=[Ô]myapp[Ô] class=[Ô]container[Ô]>
<div ng-controller=[Ô]homeCtrl[Ô]>
<table id=[Ô]entry-grid[Ô] datatable dt-options=[Ô]dtOptions[Ô] dt-columns=[Ô]dtColumns[Ô] class=[Ô]table table-hover[Ô]></table>
</div>
</div>

criei agora um angular js
var app = angular.module([ô]myapp[ô], [[ô]datatables[ô]]); app.controller([ô]homeCtrl[ô], [[ô]$scope[ô], [ô]$http[ô], [ô]DTOptionsBuilder[ô], [ô]DTColumnBuilder[ô],
function ($scope, $http, DTOptionsBuilder, DTColumnBuilder, $translate) {
$scope.dtColumns = [
//here We will add .withOption([ô]name[ô],[ô]column_name[ô]) for send column name to the server
DTColumnBuilder.newColumn([Ô]FirstName[Ô], [Ô]Nome[Ô]).notSortable(),
DTColumnBuilder.newColumn([Ô]LastName[Ô], [Ô]Sobrenome[Ô]).notSortable(),
DTColumnBuilder.newColumn([Ô]City[Ô], [Ô]Cidade[Ô]).notSortable(),
DTColumnBuilder.newColumn(null).withTitle([ô]Actions[ô]).notSortable().renderWith(actionsHtml)

]

$scope.dtOptions = DTOptionsBuilder.newOptions().withOption([ô]ajax[ô], {
url: [Ô]/Home/getdata[Ô],
type: [Ô]POST[Ô],
ContentType: [Ô]application/json; charset=utf-8
})

.withOption([ô]processing[ô], true) //for show progress bar
.withOption([ô]serverSide[ô], true) // for server side processing
.withOption([ô]paging[ô], false)
.withOption([ô]bInfo[ô], false)
.withOption([ô]Orderable[ô], false)


$scope.acceptMethod = function (data) {
console.log(data);
};


function show(Person) {
ngDialog.open({
template: [ô]showDialog[ô],
controller: [ô]ctrlDialog[ô],
className: [ô]ngdialog-theme-default[ô],
disableAnimation: true,
scope: $scope
});

$scope.ID = person.id;
$scope.FirstName = person.firstName;
$scope.LastName = person.lastName;
}



Aqui faz certo id dos registro
function actionsHtml(data, type, full, meta) {
return [ô]<button class=[Ô]btn btn-warning[Ô] ng-click=[Ô]acceptMethod([ô] + data.id + [ô])[Ô]>[ô] +
[ô] <i class=[Ô]fa fa-edit[Ô]></i>[ô] +
[ô]</button>[ô]

}
}])


Obrigado a todos.


KERPLUNK 07/11/2016 18:18:02
#468790
O que aparece como caminho para os botões?
Faça seu login para responder