Could you paste your code?

Wonderful!! 

eg.

Code:

$('#fm').form({method: 'post', onBeforeLoad: function(param){ param.itemId = itemId}});
$('#fm').form('load', 'getItem.ashx');

Thank you for advice.

Thank you, work great. 

Dear Sir,

Code:

$('#ff').form('load','get_data.aspx?item=12345'); // load from URL with queryString

Is possible to load from URL and send parameters via queryParams.
Could your please show the example.

Thank you.

Got It! Thank you.

Code:

onLoad:function(){$('#TabpanelBib').find('li:eq(1)').find('span:eq(1)').removeClass('icon-loading').addClass('icon-attributes');}

Hello,

From this topic
https://www.jeasyui.com/forum/index.php?topic=8206


Which a panel I called from AJAX. Sometime wait to long.
So, I tried to changed icon to icon-loading and add event onLoad
for change to real icon that I want to display.

But the icon not change. 

Code:

<div id="TabpanelBib" class="easyui-tabs" data-options="fit:true,plain:true,tabPosition:'right',headerWidth:40,tabHeight:40,border:false">
                        <div iconCls="icon-bricks" data-options="tip:'Items'"> 											
                            <div id="TabBibItems" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div>
                        </div>
                        <div id="tbBibCard" iconCls="icon-loading" data-options="tip:'Bibliographic Card'" > 											
                            <div id="TabBibCard" class="easyui-panel" data-options="onLoad:function(){$('#tbBibCard').attr('iconCls', 'icon-attributes');}" style="width:100%;height:100%;border:none;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div>
                        </div>
                        <div iconCls="icon-form" data-options="tip:'MARC Form'">
                            <div id="TabBibForm" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 2px 6px;"></div>
                        </div>
                        <div iconCls="icon-cog1" data-options="tip:'Record Config'">
                            <div id="TabBibConfig" class="easyui-panel" style="width:100%;height:100%;border:none;overflow:hidden;border-left:solid 1px #d3d3d3;padding: 5px 5px 5px 6px;"></div>
                        </div>
                    </div>	

Could you please advice. Thank you very much.

OK. I got it. 

Just clear browser cache.

I tried to change in file easyui.css & tooltip.css But it does not work.

Code:

.tooltip {
  background-color: #ffffcc;
  border-color: #ffffcc;
  color: #000000;
}

I tried code above not show mask.

Code from topic show mask correctly.

https://www.jeasyui.com/forum/index.php?topic=4692.0

Thank you.

Code:

$.extend($.fn.panel.methods, {
			showMask: function(jq, msg){
				return jq.each(function(){
					var pal = $(this).panel('panel');
					if (pal.css('position').toLowerCase() != 'absolute'){
						pal.css('position','relative');
					}
					var borderSize = parseInt(pal.css('padding')||0)+1;
					var m = pal.children('div.panel-mask');
					if (!m.length){
						m = $('<div class="panel-mask"></div>').appendTo(pal);
					}
					m.css({
						position:'absolute',
						background:'red',
						opacity:0.6,
						filter:'alpha(opacity=60)',
						left:borderSize,
						top:(borderSize+pal.children('.panel-header')._outerHeight()),
						right:borderSize,
						bottom:borderSize
					});
					m.children('div.panel-mask-msg').remove();
					var mm = $('<div class="panel-mask-msg"></div>').appendTo(m);
					mm.html(msg).css({position:'absolute'}).css({
						position:'absolute',
						top: '50%',
						left: '50%',
						marginTop: -mm._outerHeight()/2,
						marginLeft: -mm._outerWidth()/2
					})
				});
			},
			hideMask: function(jq){
				return jq.each(function(){
					$(this).panel('panel').children('div.panel-mask').remove();
				})
			}
		});

Thank you, Sir.

I check from console and see some attribute was generate by Easyui eg. textboxname, comboname
So I was change attribute value to new_id too. It does work.

Code:

// for textboox
$('#old_id').attr('id', 'new_id').attr('name', 'new_id').attr('textboxname', 'new_id');
// and change hidden input to
$('.textbox-value[name="old_id"]').attr("name", new_id);

I tried code

Code:

$('#old_id').attr("id", 'new_id').attr("name", 'new_name');

but it does not work.

Some hidden input that  generated by Easyui don't change to new id, name.

Could you please advice.

Thank you.

Perfect!!! 

I love EasyUI.

Dear Sir,

I create tab panel and use icon instead of title of each tab. (please see attached image)
I try to use easyui-tooltip class for show tooltip over icon but it doesn't work.
Could you please advice to to solve this issue.

Thank you.

Code:

<div id="TabpanelBib" class="easyui-tabs" data-options="fit:true,plain:true,selected:0,tabPosition:'right',headerWidth:40,tabHeight:40,border:false">
	<div iconCls="icon-attributes" class="easyui-tooltip" title="Card" > 											
		<div id="TabBibCard" class="easyui-panel" style="width:100%;height:100%;"></div>
	</div>
	<div iconCls="icon-bricks" class="easyui-tooltip" title="Items"> 											
		<div id="TabBibItems" class="easyui-panel" style="width:100%;height:100%;"></div>
	</div>
	<div iconCls="icon-form" >
		<div id="TabBibForm" class="easyui-panel" style="width:100%;height:100%;"></div>
	</div>
	<div iconCls="icon-cog1" >
		<div id="TabBibConfig" class="easyui-panel" style="width:100%;height:100%;"></div>
	</div>
</div>

$.messager.alert('Message','Site is:<br /><br />' . item,'error');

to

$.messager.alert('Message','Site is:<br /><br />' + item.name,'error');