Obtuve el siguiente código para mostrar un diálogo, sin embargo, el diálogo no aparecerá en la interfaz de usuario después del primer clic.
$('#wayneDialog').kendoDialog({ width: '400px', title: $scope.resourceString.Delete_Confirm_Title+ "'"+ name +"'?", closable: true, modal: true, content: $scope.resourceString.Delete_confirm_Content, actions: [ { text: $scope.resourceString.Yes, action: $scope.onDeleteConfirm, primary: true }, { text: $scope.resourceString.Cancel } ] });No estoy seguro si tengo que hacer algo extra en este caso.
Me lo imaginé. El diálogo de Kendo se inicializaba repetidamente en mi función de llamada. Se cambió el código para inicializar Kendo Dialog solo una vez y luego se actualizó el título y el diálogo antes de llamar a la función Kendo Dialog Open.
necesitamos destruir el div y agregarlo nuevamente en el evento de cierre.
$('#wayneDialog').kendoDialog({ width: '400px', title: $scope.resourceString.Delete_Confirm_Title+ "'"+ name +"'?", closable: true, modal: true, content: $scope.resourceString.Delete_confirm_Content, close: function () { if ($('#wayneDialog').data("kendoDialog")) { $('#wayneDialog').data("kendoDialog").destroy(); $('<div id="wayneDialog"/>').appendTo('body'); } return; } actions: [ { text: $scope.resourceString.Yes, action: $scope.onDeleteConfirm, primary: true }, { text: $scope.resourceString.Cancel } ] });Establecer la opción visible: true explícitamente debería hacer el truco:
$('#wayneDialog').kendoDialog({ visible: true, width: '400px', title: $scope.resourceString.Delete_Confirm_Title+ "'"+ name +"'?", closable: true, modal: true, content: $scope.resourceString.Delete_confirm_Content, actions: [ { text: $scope.resourceString.Yes, action: $scope.onDeleteConfirm, primary: true }, { text: $scope.resourceString.Cancel } ] });