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');
}
});