2016-06-25 9 views
0

항목을 삭제하는 동안 확인 팝업에 문제가 있습니다. "Delete (삭제)"를 클릭하면 확인 창이 하나 이상으로 팝업되고 이유를 모르겠습니다. 그리고 두 번째 질문은 어떻게 그 창 텍스트를 바꿀 수 있는가하는 것입니다. 나는이 코드를 시도했지만 작동하지 않습니다검도 그리드 삭제 - 확인 창 문제

columns: [ 
    ..., 
{command: [{name: "destroy", text: "Delete Item", click: deleteItem}], 
title: " ", width: "100px"} 
] 

및 기능 삭제에 대한 :

function deleteItem(e) { 
    var item = this.dataItem($(e.currentTarget).closest("tr")); 
    if (confirm("delete item " + item.Name + " ?")) { 
     var grid = $("grid").data("kendoGrid"); 
     grid.dataSource.remove(item); 
     grid.dataSource.sync(); 
     grid.refresh(); 
    } 
} 

편집 : 내가 찾은 두 번째 문제는 그리드에서 일부 항목

을 제거 클릭 업데이트 버튼 후입니다

답변

0

는 다음과 같은 샘플을 확인하고 도움이되는지 알려 주시기 :

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/custom-delete-confirmation-dialog

+0

나는 창 ID로 div를 잊어 버린다. :) 그래서 삭제는 작동하지만 업데이트로 문제를 발견했다 ... 업데이트 버튼을 누른 후 일부 항목이 그리드에서 제거되거나 모든 항목을 제거한다. 무작위이다 –

+0

내 코드는 여기 https://jsfiddle.net/brg2eraq/ ... 내 서비스가 로컬 일 뿐이므로 작동하지 않습니다. –

0

아마 당신은 단지 하나 개의 창을 허용 이는 기본 윈도우의 실행을 방지하고 popup.Thus에 확인을위한 공간을 제공 할 것입니다

e.preventDefault() 

삭제 핸들러에서 다른 모든 전에 다음 코드를 사용하여 시도해야 앞면이 이 도움이 되었기를 바랍니다.

+0

가능하면 좀 더 많은 코드를 업데이트하거나 JsFiddle을 작성하여 질문을 자세히 작성해주십시오. – patilprashant6792

+0

안녕하세요, 항목을 삭제하면 창에 대한 div가 누락되어 복구되지만 두 번째 문제를 해결할 수 있습니까? 업데이트 버튼을 클릭하면 그리드에서 하나 이상의 항목이 제거됩니다. –

+0

내 코드는 https://jsfiddle.net/brg2eraq/입니다. 내 서비스가 로컬 일 뿐이므로 작동하지 않습니다. –

0

중복 확인은 사용자의 명령을 "파괴"라는 이름으로 묶어 두었습니다.이 이름은 표에서 제공 한 built-in command입니다. 명령이 실행되고 내장 된 확인을 표시 한 다음 확인을 표시합니다. 당신이있어 나타납니다

{command: [{name: "delete", text: "Delete Item", click: deleteItem}], title: " ", width: "100px"} 

: 당신이 방법을 파괴 처리하려면 기본 명령 이벤트가 발생하지 않도록 자신을 단순히 고유하다 "파괴"이외의 다른 명령의 이름을 변경 deleteItem 함수의 몇 가지 다른 문제도 있습니다. 다음 대신보십시오 :

function deleteItem(e) { 
    var item = this.dataItem($(e.target).closest("tr")); 
    if (confirm("delete item " + item.Name + " ?")) { 
     var grid = $("#grid").data("kendoGrid"); 
     grid.dataSource.remove(item); 
     grid.dataSource.sync(); 
     grid.refresh(); 
    } 
} 

공지 사항을 나는 e.target보다는 e.currentTarget를 사용하도록 코드를 변경하고 또한 #grid을 찾기 위해 당신의 jQuery 셀렉터를 수정 grid 대신 ID가 아닌 클래스를 쿼리한다고 가정합니다.

수행하려는 작업과 유사한 작동 예제는 this snippet을 참조하십시오.

+0

확인 코드를 수정하고 브라우저에서 디버그를 시도하십시오. 하지만이 오류는 https://ctrlv.cz/shots/2016/06/28/Zytu입니다.png 어쩌면 이것이 제가 창문에 문제가있는 이유입니다 ... 왜 항목을 초기화 할 수 없습니까? –