2016-03-29 56 views
0

這是我的看法如何在圖片的點擊時獲得特定記錄的ID

<tbody> 
    @{ int index = 0;} 
    @foreach (var item in Model) 
    { 
     index = index + 1; 
     <tr> 
      <td> 
       <input type="checkbox" id="@*@item.CustId*@" /> 
      </td> 
      <td> 
       <a href="javascript:void(0)" data-target="#custtransfermodel" data-toggle="modal"> 
        <img src="~/Images/appimg/transfer.png" class="custid" alt="" id ="@item.CustId" /> 
       </a> 
      </td> 
      <td> 
       <a href="javascript:void(0)" onclick="EditCustomer(@item.CustId)"> 
        <img src="~/Images/appimg/edit.png" alt="" /> 
       </a> 
      </td> 
      <td> 
       <a href="javascript:void(0)" onclick="DeleteCustomer(@item.CustId)"> 
        <img src="~/Images/appimg/delete.png" alt="" /> 
       </a> 
      </td> 
      <td> 
       <a href="javascript:void(0)" id="" onclick="viewDetail()"> 
        <img src="~/Images/appimg/view_detail.png" />  
       </a> 
      </td> 
      <td> 
       @if (item.Flag == false) 
       { 
        <a href="javascript:void(0)" id="@item.CustId" class="flag" onclick="flagCustomer('false',this.id)"> 
         <img src="~/Images/appimg/star.png" alt="" /> 
        </a> 
       } 
       else 
       { 
        <a href="javascript:void(0)" class="flag" id="@item.CustId" onclick="flagCustomer('true',this.id)"> 
         <img src="~/Images/appimg/MapMarker_Flag.png" /> 
        </a> 
       } 
      </td> 
      <td> 
       @Html.DisplayFor(modelItem => item.CustFirstName) 
       @Html.DisplayFor(modelItem => item.CustMiddleName) 
       @Html.DisplayFor(modelItem => item.CustLastName) 
      </td> 
      <td>@Html.DisplayFor(modelItem => item.CentreName) </td> 
      <td>@Html.DisplayFor(modelItem => item.PhoneNumber)</td> 
      <td>@Html.DisplayFor(modelItem => item.Email) </td> 
      <td>@Html.DisplayFor(modelItem => item.EmployeeName) </td> 
     </tr> 
    } 
</tbody> 

這是我的控制器代碼

[HttpPost] 
public int TransferCustomer(int _empId, int _custId) 
{ 
    Customer customer = new Customer(); 
    // int _result=0; 
    customer.CustId=Convert.ToInt32(_custId); 
    customer.CreatedBy = Convert.ToInt32(_empId); 
    var result = customerBal.TransferCustomertoEmployee(customer); 
    return result;  
} 

還可以看到我的觀點圖像

enter image description here

此圖顯示了我的觀點。當我點擊傳輸圖像時,會顯示一個局部視圖,請參閱局部視圖圖像。

enter image description here

這是我的部分觀點。當我點擊轉移按鈕時,我的AJAX呼叫正在呼叫第一個呼叫。我的問題是,當我點擊轉移按鈕時,我如何獲得員工ID和客戶ID?第一張圖片是我的客戶名單,第二張圖片是員工名單。我的代碼有什麼問題?

**這是按鍵轉移我的Ajax調用**

$(document).on('click', '#btnTrasnfer', function() { 
 
     debugger; 
 
     
 
     var empid = $('#CreatedBy').val(); 
 
     var custid = $('.custid').attr('id'); 
 
     debugger; 
 
     $.ajax({ 
 
      type: "POST", 
 
      url: "@Url.Action("TransferCustomer", "Customer")", 
 
      data: { _empId: empid, _custId: custid }, 
 
      success: function (data) { 
 
       if (data === "1") { 
 
        notif({ 
 
         msg: "<b>Employee Transfer sucessfully.", 
 
         type: "success" 
 
        }); 
 
       } else { 
 
        notif({ 
 
         msg: "<b>error while Transfer Customer.", 
 
         type: "error" 
 
        }); 
 
       } 
 

 
      }, 
 
      error: function() { 
 
      } 
 
     }); 
 
     debugger; 
 

 
    });

+1

請花時間格式化您的問題。在我編輯它之前,這是完全不可讀的。如果你有一個明確的問題,它會讓別人更容易閱讀和理解,這意味着你會得到更快更準確的答案。 –

+0

我的Ajax調用不在此處顯示 –

+0

我只編輯了您在問題中放置的代碼,沒有任何內容被刪除。如果缺少某些內容,請編輯該問題以包含它。已添加 –

回答

0

您可以訂閱與類的CustID元素的click事件,並添加「活動」類或類似的,像這樣。

$(".custid").on("click",function(){ 
    $(this).addClass("active"); 
}); 

然後在轉會點擊,您可以使用此行來獲取ID

$(".custid.active:first").attr("id"); 

然後,當一切都競爭和模式關閉,您可以刪除活動類。

$(".custid.active").removeClass("active"); 
0

我不清楚你具體想要什麼。 但按我的理解,你所要求的類似以下內容:

How to get value of data-id and place it into a twitter bootstrap modal?

+0

KinjalB請參閱....第一張圖片顯示我的客戶名單,第二張圖片顯示下拉列表。下拉列表顯示我的員工名單。當我點擊傳輸按鈕。然後阿賈克斯呼叫正在呼叫,只有我想要這兩個值......第一個是custid,第二個是員工編號 –

+0

你可以提供我顯示此轉移部分的代碼?所以我可以修改它。 – KinjalB

相關問題