モーダルダイアログ内でエディタウィジェットを作成するにはどうすればよいですか？

Question

モーダルダイアログ内に編集ウィジェットのインスタンスを作成したいと思います。ダイアログは、テキストエリアのコントロールでうまく動作しますが、エディタをアタッチすると、エディタはプロパティを表示しません。

HTML

<div id="servicio-dialog" title="Servicio"> 
    <form id="servicio-dialog-form"> 
     <ul class="mm-simple"> 
      <li><label for="servicio-dialog-name">Categoria</label></li> 
      <li><input type="text" id="servicio-dialog-name" value=""/></li> 

      <li><label for="servicio-dialog-description">Descripcion</label></li> 
      <li><textarea id="servicio-dialog-description"></textarea></li> 
     </ul> 
    </form> 
</div> 

はJavaScript

$("#servicio-dialog").wijdialog({ 
    autoOpen: false, 
    modal: true, 
    resizable: false, 
    width: 600, 
    height: 480, 
    buttons: [ 
     { text: 'Acceptar', click : mm_onDialogAcceptar}, 
     { text: 'Cancelar', click: mm_onDialogCancelar} 
    ], 
    captionButtons: { 
     pin: { visible: false }, 
     refresh: { visible: false }, 
     toggle: { visible: false }, 
     minimize: { visible: false }, 
     maximize: { visible: false } 
    } 
}); 

$('#servicio-dialog-description').wijeditor({ 
    mode: 'simple' 
}); 

Answer 1

それを行うための最も簡単な方法は、ダイアログが開いたら、それを初期化することである。

$("#servicio-dialog").wijdialog({ 
    autoOpen: false, 
    modal: true, 
    resizable: false, 
    width: 600, 
    height: 480, 
    buttons: [ 
     { text: 'Acceptar', click : mm_onDialogAcceptar}, 
     { text: 'Cancelar', click: mm_onDialogCancelar} 
    ], 
    captionButtons: { 
     pin: { visible: false }, 
     refresh: { visible: false }, 
     toggle: { visible: false }, 
     minimize: { visible: false }, 
     maximize: { visible: false } 
    }, 
    open:function(){ 
     $('#servicio-dialog-description').wijeditor({ 
      mode: 'simple' 
     }); 
    } 
});