thnx to Your answer

in parent of id="menuA" i can set height to 42px,
how set id="tabsA" to "100% - 42px" ?

this code look good:

Code:

<div id="cc" class="easyui-layout" style="width:100%;height:100%">
 <div data-options="region:'south',title:'Detail',split:true, hideCollapsedContent:false" style="height:50%">
    <div id="tabsA" class="easyui-tabs" fit="true"
    ...
   </div> 
 </div>
 <div data-options="region:'center',title:'Items'" style="padding:5px">
    <table id="dgA" title="" fit="true" class="easyui-datagrid">
    ....
    </table>
 </div>
</div>

but if insert div before tabs - didnt visible bottom of tabs:

Code:

<div id="cc" class="easyui-layout" style="width:100%;height:100%">
 <div data-options="region:'south',title:'Detail',split:true, hideCollapsedContent:false" style="height:50%">
   <div class="easyui-panel" style="padding:5px;">
     <div class="btn-sep" id="menuA">&nbsp;Menu:</div>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ui-radio-on" plain="true" onclick="btnActivate()">activate</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ui-radio-off" plain="true" onclick="btnDeactive()">deactivate</a>
    </div>
    <div id="tabsA" class="easyui-tabs" fit="true"
    ...
   </div> 
 </div>
 <div data-options="region:'center',title:'Items'" style="padding:5px">
    <table id="dgA" title="" fit="true" class="easyui-datagrid">
    ....
    </table>
 </div>
</div>

how to fix it?
or how to add shared menu panel to easyui-tabs?

Code:

<div id="space"> 
	<div class="easyui-panel"
		  id="divA" title="DivA" 
		  data-options="iconCls:'icon-ui-wrench'
				, fit:false
				"
	>
	   	<button class="easyui-linkbutton" form="main_form" name="action" type="submit" 
				data-options="iconCls:'icon-large-smartart'
						, plain: 'true'
						, size:'large'
						, iconAlign:'top'
						"
			value="btnA1">A1</button>
		<div class="btn-sep"></div>
		<button class="easyui-linkbutton" form="main_form" name="action" type="submit"
				data-options="iconCls:'icon-reload'
						, plain: 'true'
						, size:'large'
						, iconAlign:'top'
						"
			value="btnA2">A2</button>
	</div>
	<div class="easyui-panel"
		id="divB" title="DivB" 
		data-options="iconCls:'icon-ui-key'
				, fit:false
				"
	>
 		<button class="easyui-linkbutton" form="main_form" name="action" type="submit"
				data-options="iconCls:'icon-man'
						, plain: 'true'
						, size:'large'
						, iconAlign:'top'
						"
			value="btnB1">B1</button>
	</div>
	<div class="easyui-panel"
		id="divC" title="DivC"
		data-options="iconCls:'icon-ui-bookmark'
				, fit:false
				"
	>
		<button class="easyui-linkbutton" form="main_form" name="action" type="submit"
					data-options="iconCls:'icon-ui-tag'
							, plain: 'true'
							, size:'large'
							, iconAlign:'top'
						"
			value="btnC1">C1</button>
		<button class="easyui-linkbutton" form="main_form" name="action" type="submit"
					data-options="iconCls:'icon-ui-tag'
							, plain: 'true'
							, size:'large'
							, iconAlign:'top'
							"
			value="btnC2">C2</button>
		<button class="easyui-linkbutton" form="main_form" name="action" type="submit"
					data-options="iconCls:'icon-ui-tag'
							, plain: 'true'
							, size:'large'
							, iconAlign:'top'
							"
			value="btnC3">C3</button>
	</div>
</div>

result:


how can I do like this:

Thnx

Code:

 <button form="main_form" type="submit" class="easyui-linkbutton" plain="true" name="action"
	id="Test1"
	data-options="iconCls:'icon-test'" disabled="disabled"
	value="Test1">Test1</button>
<button form="main_form" type="submit" class="easyui-linkbutton" plain="true" name="action"
	id="Test2"
	data-options="iconCls:'icon-test', disable: 'true'"
	value="Test2">Test2</button>

in Chrome visible as disabled but mouse click do submit

Code:

$('#Test1').linkbutton('enable');
$('#Test1').linkbutton('disable');
$('#Test2').linkbutton('enable');
$('#Test2').linkbutton('disable');

same: correct visible but mouse click do submit


only when

Code:

$('#Test1').prop('disabled',true);
$('#Test2').prop('disabled',true);

work correctly : visible disabled AND mouse click do nothing

but I need to initialize this buttons as disabled without script

Code:

		var p = $('#tabsA').tabs('tabs');
		if (p){
			$.each(p,function(eachIndex,tabItem){
				if(tabItem[0].id==row.hID){
					var index = $('#tabsA').tabs('getTabIndex', tabItem);
					$('#tabsA').tabs('select', index);

					tabItem[0].tabButtonWidth=0; // ???

					pageFound=true;
					return false;//leave each
				}
			});
		};

Source:

Code:

<form id="formA" method="post" action="//uriA/" target="_blank">
 <input name="vA" type="hidden" value="vA">
</form>
...
 <input form="formA" name="vB" type="hidden" value="vB">
...
 <input form="formA" name="vC" class="easyui-textbox">
 <input form="formA" name="vD" class="easyui-numberspinner">
...
 <button form="formA" name="action" type="submit" class="easyui-linkbutton" iconCls="icon-ok" style="width:100%;height:32px" value="insert">Send</button>

Compiled:

Code:

<form id="formA" method="post" action="//uriA" target="_blank">
 <input name="vA" type="hidden" value="vA">
</form>
...
 <input form="formA" name="vB" type="hidden" value="vB">
...
<input form="formA" class="easyui-textbox textbox-f" textboxname="vC" style="display: none;">
<span class="textbox" style="width: 498px; height: 118px;">
  <textarea id="_easyui_textbox_input2" class="textbox-text validatebox-text" autocomplete="off" tabindex="" placeholder="" style="margin: 0px; height: 118px; width: 490px;" title=""></textarea>
  <input type="hidden" class="textbox-value" name="vC" value="vC">
 </span>

<input form="formA" class="easyui-numberspinner numberspinner-f numberbox-f textbox-f spinner-f"  textboxname="vD" numberboxname="vD" spinnername="vD" style="display: none;">
<span class="textbox tooltip-f numberbox spinner" title="" style="width: 498px;">
 <span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon spinner-button-updown" icon-index="0" tabindex="-1" style="width: 26px; height: 28px;"><span class="spinner-arrow spinner-button-top"><span class="spinner-arrow-up"></span></span><span class="spinner-arrow spinner-button-bottom"><span class="spinner-arrow-down"></span></span></a></span>
 <input id="_easyui_textbox_input6" type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" tabindex="" placeholder="" style="margin: 0px 26px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 464px;">
 <input type="hidden" class="textbox-value" name="vD" value="3">
</span>
...
<button form="formA" type="submit" name="action" class="easyui-linkbutton l-btn l-btn-small easyui-fluid" iconcls="icon-ok" style="width: 1916px; height: 30px;" value="insert" group="" id=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 0px;"><span class="l-btn-text">Send</span><span class="l-btn-icon icon-ok">&nbsp;</span></span></button>

Result:

Code:

vA: 'vA'
vB: 'vB'
action: 'insert'

vC and vD not sended !
perhaps because in
compiled inputs

Code:

<input type="hidden" class="textbox-value" name="vC" value="vC">
<input type="hidden" class="textbox-value" name="vD" value="3">

missing "form="

How to fix that ?

How to know/see about current version of extensions?
Only by file date in arch?

Can I fix the tab header on tab strip?

Code:

var tabPanel;
var p = $('#tabsF').tabs('tabs');
if (p){
 $.each(p,function(eachIndex,tabItem){
  if(tabItem[0].id == hID){
   // tabPanel = tabItem;  // <-- with this didnt work too
   var index = $('#tabsF').tabs('getTabIndex', tabItem);
   tabPanel = $('#tabsF').tabs('getTab', index);
   return false;//leave each
  }
 });
}

tabPanel.panel({iconCls:'icon-ok'});

maybe I said wrong.

how to disable situation when in accordion all panels is closed?
I want to collapse panels, but last-one (it is not known which one) opened is didnot/cannot be collapsed

or try "defer"

Code:

		<script type="text/javascript" defer="defer">

        function load() {
        $('#mydiv').html(' <a id="btn2" href="#" class="easyui-linkbutton">not a jeasyui button</a>');
        }
        </script>

or try my hook for bottompage <script src="https://code.jquery.com/jquery-2.2.4.min.js"> tag :

Code:

		<script type="text/javascript" defer="defer">
			function doDialogInit(){
				if ( window.jQuery && ($('#pageLoader').css('display') == 'none')){
          dlgABC_Init();
    dlgABCD_Init();
				}else{
					window.setTimeout("doDialogInit()",100);
				}
			};
			doDialogInit();
		</script>

Code:

<script>
        function load() {
        $('#mydiv').html(' <a id="btn2" href="#" class="easyui-linkbutton">not a jeasyui button</a>');
        $('#btn2').linkbutton();
        }
        </script>

Thnx!