Recent Posts

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>

still has some bug in display with container width is adjust to small such as 300px:

Code:

    <div style="width:300px;display:flex;">
        <div style="margin:2px;flex:1;border:1px solid red;">
          <input type="text" style="width:100%;" />
        </div>
        <div style="margin:2px;flex:1;border:1px solid blue;">
            <input type="text" style="width:100%;" />
        </div>
    </div>

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

datebox width has overflow, whether it has min-width setting?

Please call this code instead.

Code:

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

See next code:

Code:

    <div style="width:800px;display:flex;">
        <div style="margin:2px;flex-grow:1;border:1px solid red;">
          <input type="text" style="width:100%;min-width:0;" />
        </div>
        <div style="margin:2px;flex-grow:1;border:1px solid blue;"> 
            <input type="text" style="width:100%;min-width:0;" />
        </div>
    </div>

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

in first row, two input each space 50% width as experted.

but in second row, textbox not show correctly

it seams some bug in textbox render...

Thanks Jarry,

You pointed me in the right direction!
I made a minor adjustment to split on both commas and spaces.

Code:

var vv = value.split(/[\s,]+/); // split on both commas and spaces

Cheers,
Jeroen