2017-05-17 34 views
1

我在codeigniter中有一些腳本,但我混淆了使鏈接編輯和刪除在這裏,因爲有一個變量。請告訴我...如何使鏈接編輯codeigniter

\t $edit \t = '<a data-uk-tooltip title="Edit" class="md-btn md-btn-warning md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)"><i class="uk-icon-pencil uk-icon-small"></i></a>'; 
 
\t \t \t $delete = '<a data-uk-tooltip title="Delete" class="md-btn md-btn-danger md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)"><i class="uk-icon-trash uk-icon-small"></i></a>';

+0

你想從哪裏調用你的控制器 - >方法? 1)使用JavaScript,或2)直接從你的錨標籤。 @阿里夫MH –

回答

1

我得到這個結論,我的理解

<?php 
echo $edit = '<a data-uk-tooltip title="Edit" class="md-btn md-btn-warning md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" id="1" onclick="deleteData(this.id)"><i class="uk-icon-pencil uk-icon-small"></i>Edit</a>'; 
echo $delete = '<a data-uk-tooltip title="Delete" class="md-btn md-btn-danger md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" id="1" onclick="editData(this.id)"><i class="uk-icon-trash uk-icon-small"></i>Delete</a>'; 

?> 

<script type="text/javascript"> 
    function deleteData(id) { 
     alert(id); 
     //delete data with ajax call 
    } 
    function editData(id) { 
     alert(id); 
     //edit data with ajax call 
    } 
</script> 

function deleteData(id) { 
 
     alert(id); 
 
     //delete data with ajax call 
 
    } 
 
    function editData(id) { 
 
     alert(id); 
 
     //edit data with ajax call 
 
    }
<a data-uk-tooltip title="Edit" class="md-btn md-btn-warning md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" id="1" onclick="deleteData(this.id)"><i class="uk-icon-pencil uk-icon-small"></i>Edit</a> 
 
<a data-uk-tooltip title="Delete" class="md-btn md-btn-danger md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" id="1" onclick="editData(this.id)"><i class="uk-icon-trash uk-icon-small"></i>Delete</a>

1
<?php 
    echo $edit = '<a data-uk-tooltip title="Edit" class="md-btn md-btn-warning md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" data-id="1" data-action="Edit" onclick="btnAction($(this).data('id'),$(this).data('action'))"><i class="uk-icon-pencil uk-icon-small"></i>Edit</a>'; 
    echo $delete = '<a data-uk-tooltip title="Delete" class="md-btn md-btn-danger md-btn-mini md-btn-wave-light waves-effect waves-button waves-light" href="javascript:void(0)" data-id="1" data-action="Delete" onclick="btnAction($(this).data('id'),$(this).data('action'))"><i class="uk-icon-trash uk-icon-small"></i>Delete</a>'; 
?> 
<script type="text/javascript"> 
    function btnAction(id,action){ 
    var request = $.ajax({ 
       url: '<?php echo site_url('your-controller/method'); ?>', 
       method: "POST", 
       data: { 
        id:id, 
        action:action 
       }, 
       cache: false, 
       contentType: false, 
       processData: false, 
       dataType: "json" 
      }); 
    request.done(function(status) { 
       console.log(status); 
      )}; 
    } 
</script>