Ajax Request does not complete

[ennsw]

Hallo,

I Migrate the Primefaces from 3.5 to 5.1 with the Migration Guide.

I have the Problem that the Ajax request start and it works, but the loading icon does not close.
And during this time i can 't use ajax requests till i refresh the page.

[sudheer]

Use primefaces core forum(not mobile forum).Check for JS errors and post the respective code snippets there.

[ennsw]

Hello,

the issue appears only, if I' m using the Mobile Renderer kit.

[kukeltje]

...Check for JS errors and post the respective code snippets...

[ennsw]

Hello,

I got an "TypeError: document.getElementByID(...) is null" in jquery.js.jsf

[sudheer]

Hello,

I got an "TypeError: document.getElementByID(...) is null" in jquery.js.jsf

That's fine.But this information is not useful to findout the rootcause.As mentioned earlier please provide the code snippets and steps to replicate the issue on showcase.

[ennsw]

hear is the code snippets.

Code: Select all

<pm:content>
			<p:panelGrid columns="3" id="pg">
				<p:column>
					<p:selectManyCheckbox converter="OrderStatusConverter"
						value="#{orderListBean.selectedStates}">
						<f:selectItems value="#{orderListBean.states}" var="state"
							itemValue="#{state}" itemLabel="#{state.label}" />
						<p:ajax event="change" listener="#{orderListBean.reloadOrderList}"
							async="true" update="order" />
					</p:selectManyCheckbox>
				</p:column>
				<p:column>
					<p:selectBooleanCheckbox
						disabled="#{orderListBean.orderDate == null}"
						styleClass="ui-corner-like-box"
						itemLabel="#{language['label.filter_by_date']}"
						value="#{orderListBean.filterByDate}">
						<p:ajax update="orderList serviceAdviserChooser"
							listener="#{orderListBean.reloadOrderList}" />
					</p:selectBooleanCheckbox>

					<p:inputText id="date" type="date"
						value="#{orderListBean.orderDate}">
						<f:convertDateTime pattern="yyyy-MM-dd" />
						<p:ajax update="orderList"
							listener="#{orderListBean.changeOrderDateListener}" />
					</p:inputText>
				</p:column>
				<p:column>
					<p:selectOneMenu id="serviceAdviserChooser"
						value="#{orderListBean.serviceAdviserNo}">
						<p:ajax update="orderList"
							listener="#{orderListBean.reloadOrderList}" />
						<f:selectItem
							itemLabel="#{language['label.all']} (#{orderListBean.orderCount} #{language['title.orders']})"
							itemValue="" />
						<f:selectItems value="#{orderListBean.serviceAdvisersForBranch}"
							var="adviser"
							itemLabel="#{adviser.lastName}, #{adviser.firstName} (#{adviser.countOfOrders})"
							itemValue="#{adviser.serviceAdviserNo}" />
					</p:selectOneMenu>
				</p:column>
			</p:panelGrid>

[kukeltje]

We cannot run this. Check http://stackoverflow.com/help/mcve and the MCVE part in https://stackoverflow.com/tags/jsf/info

[ennsw]

I solved the problem.
The issue was, that there was javascript code Hardcoded in the java code.

this javascript throw an Error.