asp.net에서 jquery 탭을 사용하는 OnClick 함수

Question

jquery 탭을 사용하고 onclick 함수를 사용하려하지만 실행되지 않는 것 같습니다. 사용자가 탭을 클릭하고 detailview 모드를 읽기 전용 모드로 변경하려고합니다. 나는 포스트 팩이 발생할 때 선택한 탭을 유지 pageto 강제로이 코드를 사용하고

protected void ChangeMode() 
     { 
      if (DV_Test.CurrentMode == DetailsViewMode.Insert) 
      { 
       DV_Test.ChangeMode(DetailsViewMode.ReadOnly); 
       LoadDet(); 
      } 
     } 

하고 그것을 잘 작동합니다 :

<div id="tabs-2" class="column" onclick="ChangeMode"> 

여기에 코드 뒤에 다음은 영문 내 코드입니다.

<script type="text/javascript"> 
     var selected_tab = 1; 
     $(function() { 
      var tabs = $("#tabs").tabs({ 
       select: function (e, i) { 
        selected_tab = i.index; 

       } 
      }); 
      selected_tab = $("[id$=selected_tab]").val() != "" ? parseInt($("[id$=selected_tab]").val()) : 0; 
      tabs.tabs('select', selected_tab); 
      $("form").submit(function() { 
       $("[id$=selected_tab]").val(selected_tab); 

      }); 

     }); 

Answer 1

태그 및 구문 때문에 ASP.NET C#을 사용한다고 가정합니다. 다음 옵션을 제안 할 수 있습니다 : Razor view을 사용하거나 이미 사용중인 JavaScript/jQuery를 사용하십시오.

면도기보기를 사용하려면 this question의 참조를 확인하고 @ 기호를 사용하여 서버 기능을 호출하십시오. 이 경우 @ChangeMode이 귀하가 찾고있는 것입니다.

jQuery를 사용하고 있으므로 이미 jQuery .click()을 사용하여 JavaScript 함수를 작성하는 것이 좋습니다. JavaScript와 jQuery가 모두 서버를 호출 할 수 있으므로 서버 측 함수 인 ChangeMode에 액세스 할 수 있습니다.

나는 JQuery와 아약스를 발견했습니다() 매우 유용 호출이 무엇 내입니다 :

link

$('#tabs-2').click(function(){ 
    //Make call to server here. You can use [Ajax][4], 
    //or see the link below concerning ASP.NET C# 
}); 

이 fiddle

---

Ajax 호출을 참조하십시오. ajax() 호출은 보통 다음과 같습니다.

//get information from server and inject in my div with id="mydiv" 
$.ajax({ 
    url: '/ControllerName/MethodName', 
    type: 'POST', 
    data: ko.toJSON({myvariable}), 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function (data) { 
     $('#mydiv').html('visiblity', 'visible'); 
    }, 
    error: function (error) { 
     alert('Cannot retrieve data'); 
    } 
}); 

---

또한, 나는 당신이 사용에 대한 결정했습니다 모르겠어요,하지만 난 탭에 대한 이러한 제안을 좋아 : html로는 ul/li 및 a이 탭을 만들기 위해 사용 here를 발견하려고 그들 자신. 동작을 유발하는 것은 일반적으로 a입니다.