avatar Dicky oktamiyuza
0 Jawaban
9 Dilihat
1 tahun yang lalu
  var actionUrl='{{url('authors')}}';
  var apiUrl='{{url('api/uthors')}}';
  var columns=[
            {data:'DT_RowIndex',class:'text-center',orderable:true},
            {data:'name',class:'text-center',orderable:true},
            {data:'email',class:'text-center',orderable:true},
            {data:'phone_number',class:'text-center',orderable:true},
            {data:'address',class:'text-center',orderable:true},
            {render:function(index,row,data,meta){
              return
              <a href="#" class="btn btn-warning btn-sm" onclick="controller.editData(event,${meta.row})">Edit</a>
              <a href="#" class="btn btn-danger btn-sm" onclick="controller.editData(event,${data.id})">Edit</a>;
            },orderable:false,width:'200px',class:'text-center'},      
  ];
  var controller = new Vue({
    el: '#controller',
    data: {
        datas:[],
        data:{},
        actionUrl,
        apiUrl,
        editStatus:false,
    },
    mounted:function(){
        this.datatable();
    },
    methods:{
        datatable(){
          const _this=this;
          _this.table=$('#datatable').DataTable({
            ajax:{
              url: _this.apiUrl,
              type:'GET',
            },
            columns:columns
          }).on('xhr',function(){
            _this.datas=_this.table.ajax.json().data;
          });
        },
    }
});
</script>
Laravel x Vue js CRUD ( With Vue js, Part III )
0 Jawaban
Sort
Belum ada Jawaban
Hots
Newest Question