Set onClose dialog

[BinaryCode]

howto set event onClose to dialog that already define in html markup

i try,

<div id="dlgEditVehicle" class="easyui-dialog" data-options="buttons:'#buttons',closed:true,resizable:true" style="width:500px;height:auto;padding:20px;">
        <form id="formEditVehicle">  
          <div class="form-layout">          
            <div class="row">
              <div class="label">User</div>
              <select class="easyui-combotree" name="id_user" id="cboUserInput" style="width:100%"></select>
            </div>
            <div class="row">
              <div class="label">Jenis GPS</div>
              <select class="easyui-combobox" name="id_gpsbrand" id="id_gpsbrand" data-options="valueField:'id',textField:'brand'"  style="width:100%"></select>
            </div>
            <div class="row">
              <div class="label">Jenis Object</div>
              <select class="easyui-combobox" name="object_type" id="object_type" data-options="valueField:'object_type',textField:'object_type'"  style="width:100%"></select>
            </div>
            <div class="row">
              <div class="label">Jenis Kendaraan</div>
              <select class="easyui-combobox" name="id_vhbrand" id="id_vhbrand" data-options="valueField:'id',textField:'vh_brand'"  style="width:100%"></select>
            </div>
            <div class="row">
              <div class="label">Nopol</div>
              <input class="easyui-textbox" name="nopol" id="nopol" style="width:100%">
            </div>
            <div class="row">
              <div class="label">IMEI</div>
              <input class="easyui-textbox" name="imei" id="imei" style="width:100%">
            </div>
            <div class="row">
              <div class="label">Phone</div>
              <input class="easyui-textbox" name="phone" id="phone" style="width:100%">
            </div>
          
          
            <div class="row">
              <div class="label">Password (Password kontrol GPS)</div>
              <input class="easyui-textbox" name="password" id="password" style="width:100%">
            </div>
            <div class="row">
              <div class="easyui-tabs" data-options="fit:true" style="height:300px;">
                  <div title="Setting Alarm" style="padding:10px">
                    <div class="form-layout">
                      <div class="row">
                        <div class="label">Max Parkir</div>
                        <input class="easyui-numberbox" name="max_park" id="max_park" value="0" style="width:100%">
                      </div>
                      <div class="row">
                        <div class="label">Max Offline</div>
                        <input class="easyui-numberbox" name="max_offline" id="max_offline" value="0" style="width:100%">
                      </div>
                    </div>
                  </div>
                  <div title="Kalibrasi Sensor" style="padding:10px">
                    <div class="form-layout">
                      <div class="row">
                        <div class="label">ADC Bawah</div>
                        <input class="easyui-numberbox" name="kalibrasi_adc1" id="kalibrasi_adc1" value="0" style="width:100%">
                      </div>
                      <div class="row">
                        <div class="label">ADC Atas</div>
                        <input class="easyui-numberbox" name="kalibrasi_adc2" id="kalibrasi_adc2" value="0" style="width:100%">
                      </div>
                      <div class="row">
                        <div class="label">Temperature Bawah</div>
                        <input class="easyui-numberbox" name="kalibrasi_temp1" id="kalibrasi_temp1" value="0" style="width:100%">
                      </div>
                      <div class="row">
                        <div class="label">Temperature Atas</div>
                        <input class="easyui-numberbox" name="kalibrasi_temp2" id="kalibrasi_temp2" value="0" style="width:100%">
                      </div>
                    </div>
                  </div>
                  <div title="Setting Kamera" style="padding:10px">
                    <div class="form-layout">
                      <div class="row">
                        <div class="label">Ada fitur kamera</div>
                        <div class="input">
                          <input class="easyui-checkbox" name="has_camera" id="has_camera">
                        </div>
                      </div>
                      
                    </div>
                  </div>
              </div>
            </div>
          
          </div>
        </form>
      </div>

//not working
$("#dlgEditVehicle").dialog("panel").onClose=function(){
     console.log("onclose fire");
}

//try another alternative, success but existing tabs inside dialog remove/missing
$("#dlgEditVehicle").dialog({
   onClose:function(){
      console.log('onclose fire, but existing tabs lose');
   }
});

[jarry]

The 'onClose' event handler can be attached into the html markup.

Code:

<script>
		function onDialogClose(){
			console.log('dialog closed')
		}
</script>
<div id="dlgEditVehicle" class="easyui-dialog" data-options="buttons:'#buttons',closed:true,resizable:true,onClose:onDialogClose"
		style="width:500px;height:200px;padding:20px;">
...
</div>