Question

여러 div가 포함 된 기본 페이지 (Index.cshtml)가 있습니다.

div에는 Ignite UI Grids와 해당 편집자가 포함되어 있습니다.

<div id="grid">   
    <p> 
     <a id='openDialog' href='Home/ManageContact?cntID=0&command=create' class='openDialog ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' style="color: black;">ADD CONTACT 
      @*<button>ADD CONTACT</button>*@</a> 
    </p> 
    <span><table id="contactGrid" style="width: auto;"></table></span> 
</div> 

은 내가 Html.BeginForm 양식 별도의 부분보기에서이 그리드의 편집기를 가지고있다. 나는 다른 별도의보기에 그리드를 넣어. 편집자 부분보기에서 제출을 클릭하면이 표가 새로 고쳐지며 전체 색인 페이지는 표시되지 않습니다. 내 업데이트 기능이 Index() 방법으로 리디렉션 중일 때 GridPartialView()으로 리디렉션하려고했지만 작동하지 않았습니다. 그리드를 다른 페이지에로드합니다.

어떻게 해결할 수 있습니까?

Answer 1

당신은 어쨌든 코딩 명확

수 있도록 별도의 CSS 파일에 인라인 CSS를 분리하기 위해 최선을 시도해야합니다, 여기에 샘플 코드는 시작 도움이 될 것입니다

<script> 
    $(".btn-class').click(function(){ 
     $.ajax({ 
      url:'your controller action", 
      data: data, 
      type:'POST/GET', 
      success:function(html){ 
       $('#grid').html(html); 
      } 
      error:function(error){ 
       //things you want to do 
      } 
     }); 
    }); 
</script> 

당신은해야합니다