TriStateBox is a jQuery EasyUI component that renders a three-state selector (1/0/null) inside a standard textbox shell.

It preserves EasyUI labeling, sizing, and form behavior while replacing text input with three equal-width buttons.

Values map to Y, N, and ? with customizable labels via symY, symN, and symU.

Public API: getValue(), setValue(v), clear(), reset(), enable(), disable(), resize(w), destroy().

It normalizes JSON inputs (1, 0, null, '1', '0') and fires onChange(oldVal, newVal) on state changes.

Code:

$('#test').tristatebox({
  label: 'Label:'
, labelPosition: 'before'
, labelAlign: 'left'
, value: null
, onChange: function (o, n) { console.log('TriState change:', o, '→', n); }
});

Code:

$(`#test2`).tristatebox({
  value: 0
, symY: 'label Yes'
, symN: 'label No'
, symU: 'off'
});

Thnx, newest documentation https://www.jeasyui.com/download/downloads/jquery-easyui-doc-1.11.3.zip ?

need to change column header after .datagrid('reload')

Code:

hformatting: (title,col)=>{ return !globalKey? title : `<span>... ... ... ${title}</span>`}

what can I use for refresh header cell title ?

Code:

onLoadSuccess: ()=>{
  .datagrid('renderHeader') ??
}

If there truly are no other solutions, this one may be included in the extension if desired.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
<link rel="stylesheet" href="/static/eui-ggl.css" />

Code:

...
, iconCls: 'ggl-o ggl-example ggl-2x '
...

Hi!

How can I use the Google Fonts Material Symbols icon (<span class="material-symbols-outlined">verified</span>) in the iconCls property?

Thnx

now use

Code:

$('#dlg .layout').layout('panel','east').panel('resize',{width:250});
$('#dlg .layout').layout('expand','east');

its work, but panel floating from 0 position

Code:

  $('#dlg .layout').layout('add',{
    region: 'east'
  , width: 150
  , minWidth: 150
  , maxWidth: 250

$('#dlg .layout').layout('expand','east') - expand panel only to "default"(initial or last) width.

How to expand to maxWidth ?

for simple export there is no need for ext lib

[datagrid-export-1.0.3.zip/datagrid-export.js]

datagrid-export-1.0.3.zip/datagrid-export.js:
LINE 49-51:

               data.push(
                    '<td style="'+tdStyle+'">&nbsp;'+value+'</td>'
                );

Code:

textField	string	The underlying data field name to bind to this ComboTree. Available since version 1.5.2.

Code:

  $('#Label').combotree({
      url: '?getLabels'
    , idField: 'ID'
    , textField: 'Name'
    //, valueField: 'Name'
    //, treeField: 'Name'
  ...
 });

json and result in screenshots

Code:

  $.messager.prompt({
    title: ' new Note',
    msg: '',
    fn: function(r){
      if (r){ alert(r);}
  });
    $(".messager-window .messager-input")
    .textbox({width:260,height:100,multiline: true})
    .textbox('textbox').focus();

PROBLEM IS : the 'r' returns filtered value without "\n"

jQ hooks didn't work

Code:

$.valHooks.textarea = {
  get: function( elem ) {
    return elem.value.replace( /\r?\n/g, "\n" );
  }
};

Additional:
how to do to "return false" in fn(r) to prevent to close prompt ?

https://www.jeasyui.com/demo/main/index.php?plugin=Tabs

Code:

var mb = p.panel('options').tab.find('a.tabs-inner');

may be

Code:

var mb = p.panel('options').tab.find('span.tabs-inner');

Where can get Downloadable documentation (ex. as .chm or .pdf) ?

code.reloado.com - ERR_NAME_NOT_RESOLVED

How to UNCHECK/UNSELECT ALL buttons in group ?

ok. maybe problem in call selectRecord from onLoadSuccess
how select record after loading? only via setTimeout ?

Code:

$('#dg').datagrid({
 ...
 , idField: 'itemid'
 , onLoadSuccess: dgLoadSuccess
});

function dgLoadSuccess(aData){
  if($(this).prop('selectAfterLoad') !== undefined
   &&$(this).prop('selectAfterLoad') != ''
  ){
    $(this).datagrid('selectRecord',$(this).prop('selectAfterLoad'));
    $(this).prop('selectAfterLoad','')
  }else{
    $(this).datagrid('clearSelections');
  };
};