My WebApp works fine in Chrome & F.Fox on PC's and fine with Chrome & Safari on iPad but on iPhone Chrome is OK but not Safari. OnClick events fire sometimes but not others. When an onclick function works it works for all button attached to it but I can copy the function change the name only and it may not work anywhere that I attach it. It appears like the event just does not fire. I read lots about ios/Safari not having click events but touch events instead but I would have thought it would either work OK or not at all.

Any Ideas

Thank you so much - that does the trick. Silly me.

I have this html snippet taken from one of the mobile tab demos.

Code:

<!--Second Tab-->
 <div style="padding:10px">
				<div class="panel-header tt-inner">
					<img src='images/scanner.png'/><br>P2
				</div>
        <ul id="main_list" class="m-list">
            <li>
                <span>Network</span>
                <div class="m-right"><input id="sb1" class="easyui-switchbutton" checked></div>
            </li>
            <li>
                <span>Bluetooth</span>
                <div class="m-right"><input id="sb2" class="easyui-switchbutton" checked></div>
            </li>
				</ul>			
    	</div> 

I have this js code inside the ready function:

Code:

$('#main_list').append('<li><span>NewListItem</span><div class="m-right"><input id="sb3" class="easyui-switchbutton"></div></li>');

When this loads I get a new list element but instead of an "easyui-switchbutton" I get a "text input box" instead. Should I expect this to work ror have I got it all wrong?

Why didn't I spot that.
Many thanks

Any Ideas on how to disable manual input on datebox or combobox. I want the user to only be able to pick and not to type.
Thanks

Hi,

I use a 'edatagrid' to display and edit valued in my db. Two of my five columns are combobox. I use a 'url:' to get the combobox values from the server. The values for combobox2 depend on what is selected in combobox1. When the user starts to edit a row and they change the field that depends on combobox1 I want to give them the correct set of options for combobox2.

Ideally when the user moves to the field that depends on combobox2 if I could somehow pass the row index as a parameter in the 'url:' then the server could return the correct combobox values but I cannot see any way to do this. Is there some clever way to achieve this functionality?

Thanks

Very strange - this only happens with FireFox. In Chrome and IE when onLoadSuccess fires the render is complete.

I see your thinking.

I can set the time-out to remove the progress box for any given data set size but this size is not constant, so when the data size is small the progress box spins for some time after render is complete. I guess what is needed is some form of 'OnRenderComplete' event.

This snipping shows what I do. The progress box stay up until onLoadSuccess fires but it can be another 30~40 sec later before the render is complete.

$.messager.progress({title:'Please Wait',msg:'Getting Data...'});
$('#tt').tree({url:'tree_data1.php',lines:true,onLoadSuccess:function(node, data){
  $.messager.progress('close')}});
  }

I use an EasyUI tree. It can take a while to get the data from the backed so I put up a progress box until I get the success event. After that event it can then take quite a long time to actually render the tree. During this time users think the page is broken. I'd like to keep the progress box up until the render is complete. Is there any way to do this?

Thanks