Title: Set onClose dialog Post by: BinaryCode on February 01, 2024, 05:39:24 PM howto set event onClose to dialog that already define in html markup
i try, Quote <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'); } }); Title: Re: Set onClose dialog Post by: jarry on February 05, 2024, 01:22:05 AM The 'onClose' event handler can be attached into the html markup.
Code: <script> |