2012-09-11 4 views
0

나는 Matt Hidinger의 예제를 사용하여 Jquery로 모달 폼을 만듭니다. Item.Id를 JQuery.Modal 대화 상자에 추가하는 방법 MVC 3

나는

//Javascript click event 
$("#Edit").click(function() { 
     var grid = jQuery('#Tareas'); 
     var selId = grid.jqGrid('getGridParam', 'selrow'); 
     var myCellData = grid.jqGrid('getCell', selId, 'TareaId'); 
     if(myCellData=="") { 
      alert("Select Task to Edit"); 
     } else { 
     location.href = '/Task/Edit/'+myCellData; 
      } 
    }); 

<button id="Edit" class="openDialog" data-dialog-id="editDialog" data-dialog-Title="Edit" title="editDialog" style="border: 1; background: transparent"> 
    <img src="@Url.Content("~/Content/Detail.png")" /> 
</button> 

같은 시도하지만 클릭 이벤트를 캡처 할 수 없습니다. 아무도 이것으로 도울 수 있습니까?

+0

이미지 또는 버튼을 클릭하고 계십니까? –

+0

@COLD TOLD => 예 – Guillermo

+0

img에 id를 추가하고 해당 ID로 클릭을 호출 해보십시오. –

답변

0

때문에뿐만 아니라 행의 ID를 보낼뿐만 아니라 사용자 프로필을 기반으로 편집을 보여줄 필요합니다, 내가 작업 열을 구현하기로 결정했다.

$.ActionsFormatter = function(cellvalue, options, rowObject) { 
// column 10 contains true or false from de user profile action 
// column 1 contains the item.id 
var c = rowObject[10]; 
if(c) { 
    var src = '@Url.Content("~/Content/")' + 'Edit_16.png'; 
    return "<a class='openDialog' data-dialog-id='editDialog' data-dialog-Title='Edit Task' title='editDialog' href ='@Url.Action("Edit")'"+rowObject[1]+"><img title='edit' src='" + src + "' alt='edit' title='edit' /> </a>"; 
    } 
    else { 
      return ""; 
    } 
    }; 
0

#Edit을 참조하고 있습니다. 즉, JQuery는 ID 인 객체를 DOM에서 검색합니다. ActionLinkID을 "편집"으로 설정하지 않아서 찾을 수 없습니다.

이 시도 :

@Html.ActionLink("Edit", "Edit", "MyThing", new { id = item.Id }, 
    new { @class = "openDialog", data_dialog_id = "editDialog", 
     data_dialog_title = "Edit", @id = "Edit" }) 
+0

답장을 보내 주셔서 감사합니다.하지만 그다지 도움이되지 않습니다. 그리드에서 선택된 행의 ID를 전달해야합니다. – Guillermo

관련 문제