Recent Posts

Up and running! thanx

Thanx Jarry!

I will give it a try !

This is the possible solution for maskedbox.

1. Extend a new validation type.

Code:

$.extend($.fn.validatebox.defaults.rules, {
	notempty: {
		validator: function (value, param) {
			var opts = $(this).parent().prev().maskedbox('options');
			var tt = (value || '').split('');
			var vv = [];
			for (var i = 0; i < opts.mask.length; i++) {
				if (opts.masks[opts.mask[i]]) {
					var t = tt[i];
					vv.push(t != opts.promptChar ? t : '');
				}
			}
			return vv.join('') != '';
		},
		message: 'The field is required.'
	}
});

2. Attach it to the maskedbox.

Code:

<input id="mb" validType="notempty" class="easyui-maskedbox" mask="(999) 999-9999" label="Phone Number:"
				labelPosition="top" style="width:100%">

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>

OK, I solved this myself, code below for anyone that runs into a similar issue (probably for most controls).


$(function(){

$('.easyui-texteditor').on('keyup',function(e){
    var idname = $(this).attr('id');
    console.log(idname);
    console.log(e.keyCode)
  });

})

Hope this helps someone

I have  text editors on different tabs and detect a keypress for autosave like this (simplified for easy reading)

$(function(){
    $('#texteditor1').on('keyup',function(e){
       

        console.log(e.keyCode)

    })
})

Rather than have five functions to check each editor, I would like to have one function to check a keypress and take action depending on what tab was selected, is this possible ?

Hello Support,

MaskedBox Required-TRUE not working?

How can we do that?

All other boxes working perfectly.

Thanks in advance for your help.

Hans Spiike

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

thanks jarry... best wishes

more more money~~~~

Please look at this code, it works fine.

Code:

    <div style="width:300px;display:flex;">
        <div style="margin:2px;flex:1;overflow: hidden;border:1px solid red;">
          <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
        <div style="margin:2px;flex:1;overflow: hidden;border:1px solid blue;">
            <input class="easyui-datebox" data-options="" style="width:100%;">
        </div>
    </div>