6 Replies Latest reply on Mar 30, 2007 4:10 AM by thomasdetoulon

Ajax Request : all the page is sent from the server !!

thomasdetoulon Mar 21, 2007 8:27 AM

Hi,

I use ajax4jsf + SUN RI 1.2. When I do a Ajax request in order to re render a component, the server send me the page as whole (with title + all HTML). My program works very good but I wonder whether normal that all the page is sent (not very perform !!).

<f:view>
 <h:outputLabel id="MessageConnexion4" value="#{PresentationBean.messageConnexion}" />
 <h:form id="FormNavigation">
 <a4j:outputPanel ajaxRendered="true">
 <h:inputText id="userName" value="#{PresentationBean.login}" />
 <h:outputLabel id="MessageConnexion3" value="#{PresentationBean.messageConnexion}" />
 <h:outputLabel id="MessageConnexion2" value="#{PresentationBean.messageConnexion}" />
 <a4j:commandLink value="Login to the server" />
 <h:commandLink value="Server Submit link">
 </h:commandLink>
 </a4j:outputPanel>
 </h:form>

 <div style="border: 1px solid darkblue; padding: 5px; overflow: auto; font-size: 9px; height: 150px; width: 100%;" id="logConsole">
 <a4j:log level="ALL" popup="false" />
 </div>
 </f:view>

My Ajax request is like this :

AJAXREQUEST=_viewRoot&FormNavigation%3AuserName=thomas&com.sun.faces.VIEW=H4sIAAAAAAAAAM1WzW8bRR

If I replace f:view by ajax4jsf:page, the AJAX request is more "normal" but the server says me that "View state could not be restored" (normal behaviour :-0)

QueryString: AJAXREQUEST=_viewRoot&FormNavigation%3AuserName=thomas&FormNavigation=FormNavigation
&FormNavigation%3A_idcl=&FormNavigation%3A_id1=FormNavigation%3A_id1&

1. Re: Ajax Request : all the page is sent from the server !!

sergeysmirnov Mar 21, 2007 5:04 PM (in response to thomasdetoulon)

1. Ajax4jsf DOES NOT render or/and send the whole page on Ajax Response. Please, do not mislead people.

2. JSF supports two state saving methods - server and client. The behavior how the JSF implementation should operate in those two modes is well described in the Specification. Ajax4jsf takes full advantage of the benefits of the JSF framework including state saving method behavior. In case of client state saving method, in order to restore the state, each Ajax request is accomplished with the state data. The updated state data returns back to the client and all the state holders (you can have more then one form on the page) are updated accordingly.
If you have no special reason why you set up state saving method to client in the web.xml, just switch it to the server to avoid unnecessary traffic.
Actions

2. Re: Ajax Request : all the page is sent from the server !!

thomasdetoulon Mar 22, 2007 4:44 AM (in response to thomasdetoulon)

I know that ! Server method increase length of Ajax request, its sure. BUT Even with, the server response is all the page. See my debug console :

debug[9:41:39,449]: Have Event [object Object] with properties: target: http://localhost:8084/WebApplication3/#, srcElement: undefined, type: click
debug[9:41:39,449]: NEW AJAX REQUEST !!! with form :_id0
debug[9:41:39,449]: parameter _id0:LinkLog with value _id0:LinkLog
debug[9:41:39,449]: Start XmlHttpRequest
debug[9:41:39,459]: Reqest state : 1
debug[9:41:39,459]: QueryString: AJAXREQUEST=_id0%3A_id11&_id0%3A_id3=true&_id0%3APageProfile2=true&_id0%3AloginText=thomas&_id0%3A_id4=2&_id0=_id0&_id0%3A_idcl=&_id0%3ALinkLog=_id0%3ALinkLog&
debug[9:41:39,469]: Reqest state : 1
debug[9:41:41,883]: Reqest state : 2
debug[9:41:41,883]: Reqest state : 3
debug[9:41:41,883]: Reqest state : 3
debug[9:41:41,883]: Reqest state : 4
debug[9:41:41,883]: Reqest end with state 4
debug[9:41:41,883]: Response with content-type: text/xml;charset=UTF-8
debug[9:41:41,883]: Full response content: <?xml version="1.0"?> <html xmlns="http://www.w3.org/1999/xhtml"><head><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/dragIndicator.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/modalPanel.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/simpleTogglePanel.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/panelbar.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/suggestionbox.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/tabPanel.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/panel.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/table.xcss/DATA/eAFbJaehBAADeAET.jsf" /><link type="text/css" rel="stylesheet" href="/WebApplication3/a4j.res/org/richfaces/renderkit/html/css/spacer.xcss/DATA/eAFbJaehBAADeAET.jsf" /><script type="text/javascript" src="/WebApplication3/a4j.res/prototype.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org.ajax4jsf.framework.ajax.AjaxScript.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/drag-indicator.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/utils.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/modalPanel.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/modalPanelBorders.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org.ajax4jsf.framework.ajax.ImageCacheScript.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/browser_info.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/simpleTogglePanel.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/panelbar.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org.ajax4jsf.framework.resource.SmartPositionScript.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/scriptaculo.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/suggestionbox.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/ajax4jsf/renderkit/html/scripts/form.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/tabPanel.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/json/json.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/dnd.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/dnd/dnd-dropzone.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/simple-dropzone.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/dnd/dnd-draggable.js.jsf"> </script><script type="text/javascript" src="/WebApplication3/a4j.res/org/richfaces/renderkit/html/scripts/simple-draggable.js.jsf"> </script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link rel="STYLESHEET" type="text/css" href="common.css" /><title>Bench JSF + JBoss RichFaces with Netbeans IDE</title></head><body><table border="0" width="100%"><tbody><tr><td colspan="3"></td></tr><tr><td width="200px" valign="top"></td><td></td><td valign="top"></td></tr><tr><td colspan="3"></td></tr></tbody></table><div style="border: 1px solid darkblue; padding: 5px; overflow: auto; font-size: 12px; height: 500px; width: 100%;" id="logConsole"></div><label id="_id76:FormMonitoring:MessageConnexion1">You are connected !</label><meta name="Ajax-Update-Ids" content="_id76:FormMonitoring:MessageConnexion1" /><span id="ajax-update-ids"><input type="hidden" name="jsf_sequence" value="1" /></span><meta id="Ajax-Response" name="Ajax-Response" content="true" /></body></html>

I had to do something wrong but what ??? Thks for ur answer

3. Re: Ajax Request : all the page is sent from the server !!

sergeysmirnov Mar 22, 2007 1:41 PM (in response to thomasdetoulon)

"All page" means if you save the "Full response content" as a file and then look at it in browser, you can see the whole page. Could you confirm that this almost empty page with bordered rectangle and label "You are connected !" is a the page you see working with your application?
Actions

4. Re: Ajax Request : all the page is sent from the server !!

thomasdetoulon Mar 29, 2007 5:07 AM (in response to thomasdetoulon)

SergeySmirnov, have a look on Exadel demo, you ll see that their AJAX solution works very bad ! Actually, AJAX must accelerate transfer page and increase the data quantity between server and client but ajax4jsf no ! Look exemple :

http://livedemo.exadel.com/a4j-repeat/

And, with Firefox I can see the response page :

<?xml version="1.0"?>

<html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script type="text/javascript" src="

/a4j-repeat/a4j.res/org.ajax4jsf.framework.ajax.AjaxScript.jsf">

</script><script type="text/javascript" src="/a4j-repeat/a4j.res/org/ajax4jsf/renderers/ajax/scripts

/form.js.jsf">

</script><meta name="Ajax-Update-Ids" content="j_id8:j_id10:7:details,j_id8:j_id10:5:details" /><meta

 id="Ajax-Response" name="Ajax-Response" content="true" /></head><body><span id="j_id8:j_id10:7:details"

><table><tbody><tr><td>department:</td><td>Initech Ltd.</td></tr><tr><td>position:</td><td>Technical

 Director</td></tr><tr><td>location:</td><td>Dallas</td></tr></tbody></table></span> <span id="j_id8

:j_id10:5:details"><table><tbody><tr><td>department:</td><td>Initech Ltd.</td></tr></tbody></table><

/span> <span id="ajax-update-ids"><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState"

 value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7kM5YnxBzKWwCAAB4cAAAABZzcgAzY29tLnN1bi5mYWNlcy5hcHBsaWNh

dGlvbi5TdGF0ZU1hbmFnZXJJbXBsJFRyZWVOb2Rl9Ga6vq0wR78MAAB4cHc5AAAAAAAob3JnLmFqYXg0anNmLmZyYW1ld29yay5h

amF4LkFqYXhWaWV3Um9vdAAJX3ZpZXdSb290eHNxAH4AAnc2AAAAAAApamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbE91

dHB1dFRleHQABWpfaWQ1eHNxAH4AAncyAAAAAAAlb3JnLmFqYXg0anNmLmFqYXguaHRtbC5IdG1sQWpheFN0YXR1cwAFal9pZDZ4c3EAfgACdywAAAAAAB9vcmcuYWpheDRqc2YuYWpheC5odG1sLkFqYXhGb3JtAAVqX2lkOHhzcQB

+AAJ3MwAAAAMAJW9yZy5hamF4NGpzZi5hamF4Lmh0bWwuSHRtbEFqYXhSZXBlYXQABmpfaWQxMHhzcQB+AAJ3NwAAAAQAKWphdmF

4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxPdXRwdXRUZXh0AAZqX2lkMTJ4c3EAfgACdzcAAAAEAClqYXZheC5mYWNlcy5jb21

wb25lbnQuaHRtbC5IdG1sT3V0cHV0VGV4dAAGal9pZDE0eHNxAH4AAnc4AAAABAApamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWw

uSHRtbFBhbmVsR3JvdXAAB2RldGFpbHN4c3EAfgACdzcAAAAHAClqYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sUGFuZWx

Hcm91cAAGal9pZDE2eHNxAH4AAnc2AAAACAAoamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbFBhbmVsR3JpZAAGal9pZDE3eHNxAH4AAnc3AAAACQApamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbE91dHB1dFRleHQABmpfaWQxOHhzcQB

+AAJ3NwAAAAkAKWphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxPdXRwdXRUZXh0AAZqX2lkMTl4c3EAfgACdzcAAAAHACl

qYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sUGFuZWxHcm91cAAGal9pZDIweHNxAH4AAnc2AAAADAAoamF2YXguZmFjZXM

uY29tcG9uZW50Lmh0bWwuSHRtbFBhbmVsR3JpZAAGal9pZDIxeHNxAH4AAnc3AAAADQApamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbE91dHB1dFRleHQABmpfaWQyMnhzcQB

+AAJ3NwAAAA0AKWphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxPdXRwdXRUZXh0AAZqX2lkMjN4c3EAfgACdzcAAAANACl

qYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sT3V0cHV0VGV4dAAGal9pZDI0eHNxAH4AAnc3AAAADQApamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbE91dHB1dFRleHQABmpfaWQyNXhzcQB

+AAJ3NwAAAA0AKWphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxPdXRwdXRUZXh0AAZqX2lkMjZ4c3EAfgACdzcAAAANACl

qYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sT3V0cHV0VGV4dAAGal9pZDI3eHNxAH4AAnc4AAAABAAqb3JnLmFqYXg0anN

mLmFqYXguaHRtbC5IdG1sQWpheENvbW1hbmRMaW5rAAZqX2lkMjl4c3EAfgACdywAAAADAB5vcmcuYWpheDRqc2YuYWpheC5odG1sLkFqYXhMb2cABmpfaWQzMnh1cQB

+AAAAAAACdXEAfgAAAAAAA3VxAH4AAAAAAAh1cQB+AAAAAAAIc3IAEWphdmEudXRpbC5IYXNoTWFwBQfawcMWYNEDAAJGAApsb2FkRmFjdG9ySQAJdGhyZXNob2xkeHA

/QAAAAAAADHcIAAAAEAAAAAB4cHQACV92aWV3Um9vdHEAfgAfc3IAEWphdmEubGFuZy5Cb29sZWFuzSBygNWc+u4CAAFaAAV2YWx1ZXhwAXNxAH4AIABwcHQACkhUTUxfQkFTSUN0ABMvcGFnZXMvcmVwZWF0LnhodG1sc3IAEGphdmEudXRpbC5Mb2NhbGV

++BFgnDD57AIABEkACGhhc2hjb2RlTAAHY291bnRyeXQAEkxqYXZhL2xhbmcvU3RyaW5nO0wACGxhbmd1YWdlcQB+ACZMAAd2YXJpYW50cQB

+ACZ4cP////90AAJVU3QAAmVudAAAc3IAEWphdmEubGFuZy5JbnRlZ2VyEuKgpPeBhzgCAAFJAAV2YWx1ZXhyABBqYXZhLmxhbmcuTnVtYmVyhqyVHQuU4IsCAAB4cAAAAGRwcHB1cQB

+AAAAAAAFcQB+ACJxAH4AInBxAH4AInEAfgAic3IAJmphdmF4LmZhY2VzLmNvbXBvbmVudC5TdGF0ZUhvbGRlclNhdmVyWcqzPZOczU0CAAJMAAljbGFzc05hbWVxAH4AJkwACnNhdmVkU3RhdGV0ABJMamF2YS9sYW5nL09iamVjdDt4cHBzcQB

+AB0/QAAAAAAADHcIAAAAEAAAAAB4dXEAfgAAAAAAA3VxAH4AAAAAAAJ1cQB+AAAAAAAIdXEAfgAAAAAAA3VxAH4AAAAAAAhzcQB

+AB0/QAAAAAAADHcIAAAAEAAAAAJ0ABhjb20uc3VuLmZhY2VsZXRzLk1BUktfSUR0AAczMmZjNzMzdAAYY29tLnN1bi5mYWNlbGV

0cy5BUFBMSUVEc3IAL2NvbS5zdW4uZmFjZWxldHMuaW1wbC5EZWZhdWx0RmFjZWxldCRBcHBseVRva2VuSJzPRDtulqAMAAB4cHchABcvdGVtcGxhdGVzL2NvbW1vbi54aHRtbAAAARGc5xO3eHhwdAAFal9pZDVxAH4APnEAfgAhcQB

+ACJ0ABBqYXZheC5mYWNlcy5UZXh0cHB0AB5VcGRhdGluZyBzZXQgb2YgY2VsbHMgdmlhIEFqYXhwcQB+ACFxAH4AInBwcHB1cQB

+AAAAAAAAdXEAfgAAAAAAAnVxAH4AAAAAABFzcgAkb3JnLmFqYXg0anNmLmFqYXguVUlBamF4U3RhdHVzJFN0YXRlBGcoRKh6Us4

CAApaAAhfZm9yY2VJZFoAC19mb3JjZUlkU2V0TAAEX2ZvcnEAfgAmTAALX3N0YXJ0U3R5bGVxAH4AJkwAEF9zdGFydFN0eWxlQ2x

hc3NxAH4AJkwACl9zdGFydFRleHRxAH4AJkwACl9zdG9wU3R5bGVxAH4AJkwAD19zdG9wU3R5bGVDbGFzc3EAfgAmTAAJX3N0b3BUZXh0cQB

+ACZMAApzdXBlclN0YXRlcQB+ADB4cAAAcHQACWNvbG9yOnJlZHB0ABQgIHJlcXVlc3QgaW4gcHJvY2Vzc3BwdAABIHVxAH4AAAAAAAhzcQB

+AB0/QAAAAAAADHcIAAAAEAAAAAJxAH4AOXQABzMyZmM3MjJxAH4AO3EAfgA9eHBwdAAFal9pZDZxAH4AIXEAfgAidAAqb3JnLmFqYXg0anNmLmNvbXBvbmVudHMuQWpheFN0YXR1c1JlbmRlcmVycHBwcHBwcHBwcHBwcHBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB

+AAAAAAAZdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAnEAfgA5dAAHMzJmYzc1Y3EAfgA7cQB+AD14cHQABWpfaWQ4cQB

+AFNxAH4AIXEAfgAidAAZb3JnLmFqYXg0anNmLkZvcm1SZW5kZXJlcnBzcQB+ACuAAAAAcQB+ACJwcHBzcQB+ACAAcQB+ACJwcHNxAH4AK4AAAABxAH4AInBzcQB

+ACAAcQB+ACJzcQB+ACAAcQB+ACJzcQB+ACAAcQB+ACJwcHBzcQB+ACAAcQB+ACJwdXEAfgAAAAAAAnVxAH4AAAAAAAJ1cQB+AAA

AAAABc3IAMG9yZy5hamF4NGpzZi5hamF4LnJlcGVhdC5VSURhdGFBZGFwdG9yJERhdGFTdGF0ZQAAAAABBHnEAgADTAAIYWpheEtleXN0AA9MamF2YS91dGlsL1NldDtMAA9jb21wb25lbnRTdGF0ZXN0AA9MamF2YS91dGlsL01hcDtMAApzdXBlclN0YXRlcQB

+ADB4cHBzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAB4dXEAfgAAAAAACXVxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM3NGZ4dXEAfgAAAAAAAnVyABNbTGphdmEubGFuZy5TdHJpbmc7rdJW5

+kde0cCAAB4cAAAAAN0AAhhamF4S2V5c3QABXZhbHVldAAHYmluZGluZ3VxAH4AAAAAAANzcQB+AC9wc3IAJmNvbS5zdW4uZmFjZWxldHMuZWwuVGFnVmFsdWVFeHByZXNzaW9uAAAAAAAAAAEMAAB4cgAYamF2YXguZWwuVmFsdWVFeHByZXNzaW9udwqAW

+DA/pECAAB4cgATamF2YXguZWwuRXhwcmVzc2lvbqOFilPyWtI8AgAAeHBzcgAeY29tLnN1bi5lbC5WYWx1ZUV4cHJlc3Npb25JbXBsA7qoYh8lyZgMAAB4cQB

+AHF3IQAQI3tleHBhbmRlci5rZXlzfQANamF2YS51dGlsLlNldHBweHc4ADYvcGFnZXMvcmVwZWF0LnhodG1sIEAzNCwyMCBhamF

4S2V5cz0iI3tleHBhbmRlci5rZXlzfSJ4c3EAfgAvcHNxAH4AcHNxAH4AdHcnABMje2RhdGFCZWFuLnBlcnNvbnN9ABBqYXZhLmx

hbmcuT2JqZWN0cHB4dzgANi9wYWdlcy9yZXBlYXQueGh0bWwgQDM0LDIwIHZhbHVlPSIje2RhdGFCZWFuLnBlcnNvbnN9InhzcQB

+AC9wc3EAfgBwc3EAfgB0dygAFCN7ZXhwYW5kZXIucmVwZWF0ZXJ9ABBqYXZhLmxhbmcuT2JqZWN0cHB4dzsAOS9wYWdlcy9yZXBlYXQueGh0bWwgQDM0LDIwIGJpbmRpbmc9IiN7ZXhwYW5kZXIucmVwZWF0ZXJ9InhwdAAGal9pZDEwcQB

+ACFxAH4AInQAJm9yZy5hamF4NGpzZi5jb21wb25lbnRzLlJlcGVhdFJlbmRlcmVycHNxAH4AKwAAAABxAH4AInNxAH4AK/////9zcQB

+ACsAAAAAcQB+ACJzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAB4cHQABnBlcnNvbnVxAH4AAAAAAAR1cQB+AAAAAAACdXEAfgAAAAAACHVxAH4AAAAAAAN1cQB

+AAAAAAAIc3EAfgAdP0AAAAAAAAx3CAAAABAAAAABcQB+ADl0AAczMmZjNzdleHVxAH4AAAAAAAJ1cQB+AGkAAAABcQB+AGx1cQB

+AAAAAAABc3EAfgAvcHNxAH4AcHNxAH4AdHcnABMje3BlcnNvbi5maXJzdE5hbWV9ABBqYXZhLmxhbmcuT2JqZWN0cHB4dzgANi9

wYWdlcy9yZXBlYXQueGh0bWwgQDM3LDM5IHZhbHVlPSIje3BlcnNvbi5maXJzdE5hbWV9Inh0ABVqX2lkODpqX2lkMTA6NzpqX2lkMTJ0AAZqX2lkMTJxAH4AIXEAfgAicQB

+AD9wcHBwcQB+ACFxAH4AInBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB+AAAAAAAIdXEAfgAAAAAAA3VxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM3NjF4dXEAfgAAAAAAAnVxAH4AaQAAAAFxAH4AbHVxAH4AAAAAAAFzcQB

+AC9wc3EAfgBwc3EAfgB0dyYAEiN7cGVyc29uLmxhc3ROYW1lfQAQamF2YS5sYW5nLk9iamVjdHBweHc3ADUvcGFnZXMvcmVwZWF

0LnhodG1sIEAzOSwzNiB2YWx1ZT0iI3twZXJzb24ubGFzdE5hbWV9Inh0ABVqX2lkODpqX2lkMTA6NzpqX2lkMTR0AAZqX2lkMTRxAH4AIXEAfgAicQB

+AD9wcHBwcQB+ACFxAH4AInBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB+AAAAAAAEdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAA

QAAAAAXEAfgA5dAAHMzJmYzc5OHhwdAAWal9pZDg6al9pZDEwOjc6ZGV0YWlsc3QAB2RldGFpbHNxAH4AIXEAfgAidAARamF2YXguZmFjZXMuR3JvdXBwcHBwdXEAfgAAAAAAAnVxAH4AAAAAAAJ1cQB

+AAAAAAAEdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAXEAfgA5dAAHMzJmYzc5Ynh1cQB+AAAAAAACdXEAfgBpAAAAAXQACHJlbmRlcmVkdXEAfgAAAAAAAXNxAH4AL3BzcQB

+AHBzcQB+AHR3IQAWI3tub3QgcGVyc29uLmV4cGFuZGVkfQAHYm9vbGVhbnBweHc+ADwvcGFnZXMvcmVwZWF0LnhodG1sIEA0Miw1NyByZW5kZXJlZD0iI3tub3QgcGVyc29uLmV4cGFuZGVkfSJ4dAAVal9pZDg6al9pZDEwOjc6al9pZDE2dAAGal9pZDE2cQB

+ACFxAH4AInEAfgCncHBwcHVxAH4AAAAAAAF1cQB+AAAAAAACdXEAfgAAAAAAIXVxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM3OGF4cHQAFWpfaWQ4OmpfaWQxMDo3OmpfaWQxN3QABmpfaWQxN3EAfgAhcQB

+ACJ0ABBqYXZheC5mYWNlcy5HcmlkcHBzcQB+ACuAAAAAcQB+ACJwcHBwcHNxAH4AKwAAAAJxAH4AIXBwcHBwcHBwcHBwcHBwcHBwcHBwcHB1cQB

+AAAAAAACdXEAfgAAAAAAAnVxAH4AAAAAAAh1cQB+AAAAAAADdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAXEAfgA5dAAHMzJmYzdiZHhwdAAVal9pZDg6al9pZDEwOjc6al9pZDE4dAAGal9pZDE4cQB

+ACFxAH4AInEAfgA/cHB0AAtkZXBhcnRtZW50OnBxAH4AIXEAfgAicHBwcHEAfgBBdXEAfgAAAAAAAnVxAH4AAAAAAAh1cQB+AAAAAAADdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAXEAfgA5dAAHMzJmYzdhNHh1cQB

+AAAAAAACdXEAfgBpAAAAAXEAfgBsdXEAfgAAAAAAAXNxAH4AL3BzcQB+AHBzcQB+AHR3KAAUI3twZXJzb24uZGVwYXJ0bWVudH0

AEGphdmEubGFuZy5PYmplY3RwcHh3OQA3L3BhZ2VzL3JlcGVhdC54aHRtbCBANDUsNTQgdmFsdWU9IiN7cGVyc29uLmRlcGFydG1lbnR9Inh0ABVqX2lkODpqX2lkMTA6NzpqX2lkMTl0AAZqX2lkMTlxAH4AIXEAfgAicQB

+AD9wcHBwcQB+ACFxAH4AInBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB+AAAAAAAEdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAXEAfgA5dAAHMzJmYzdkN3h1cQB

+AAAAAAACdXEAfgBpAAAAAXEAfgCwdXEAfgAAAAAAAXNxAH4AL3BzcQB+AHBzcQB+AHR3HQASI3twZXJzb24uZXhwYW5kZWR9AAd

ib29sZWFucHB4dzoAOC9wYWdlcy9yZXBlYXQueGh0bWwgQDQ4LDUzIHJlbmRlcmVkPSIje3BlcnNvbi5leHBhbmRlZH0ieHQAFWpfaWQ4OmpfaWQxMDo3OmpfaWQyMHQABmpfaWQyMHEAfgAhcQB

+ACJxAH4Ap3BwcHB1cQB+AAAAAAABdXEAfgAAAAAAAnVxAH4AAAAAACF1cQB+AAAAAAAIc3EAfgAdP0AAAAAAAAx3CAAAABAAAAABcQB

+ADl0AAczMmZjN2M2eHB0ABVqX2lkODpqX2lkMTA6NzpqX2lkMjF0AAZqX2lkMjFxAH4AIXEAfgAicQB+AL9wcHNxAH4AK4AAAABxAH4AInBwcHBwc3EAfgArAAAAAnEAfgAhcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHVxAH4AAAAAAAZ1cQB

+AAAAAAACdXEAfgAAAAAACHVxAH4AAAAAAAN1cQB+AAAAAAAIc3EAfgAdP0AAAAAAAAx3CAAAABAAAAABcQB+ADl0AAczMmZjN2M5eHB0ABVqX2lkODpqX2lkMTA6NzpqX2lkMjJ0AAZqX2lkMjJxAH4AIXEAfgAicQB

+AD9wcHQAC2RlcGFydG1lbnQ6cHEAfgAhcQB+ACJwcHBwcQB+AEF1cQB+AAAAAAACdXEAfgAAAAAACHVxAH4AAAAAAAN1cQB+AAAAAAAIc3EAfgAdP0AAAAAAAAx3CAAAABAAAAABcQB

+ADl0AAczMmZjODAweHVxAH4AAAAAAAJ1cQB+AGkAAAABcQB+AGx1cQB+AAAAAAABc3EAfgAvcHNxAH4AcHNxAH4AdHcoABQje3B

lcnNvbi5kZXBhcnRtZW50fQAQamF2YS5sYW5nLk9iamVjdHBweHc5ADcvcGFnZXMvcmVwZWF0LnhodG1sIEA1MSw1NCB2YWx1ZT0iI3twZXJzb24uZGVwYXJ0bWVudH0ieHQAFWpfaWQ4OmpfaWQxMDo3OmpfaWQyM3QABmpfaWQyM3EAfgAhcQB

+ACJxAH4AP3BwcHBxAH4AIXEAfgAicHBwcHEAfgBBdXEAfgAAAAAAAnVxAH4AAAAAAAh1cQB+AAAAAAADdXEAfgAAAAAACHNxAH4AHT9AAAAAAAAMdwgAAAAQAAAAAXEAfgA5dAAHMzJmYzdlM3hwdAAVal9pZDg6al9pZDEwOjc6al9pZDI0dAAGal9pZDI0cQB

+ACFxAH4AInEAfgA/cHB0AAlwb3NpdGlvbjpwcQB+ACFxAH4AInBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB+AAAAAAAIdXEAfgAAAAAAA3VxAH4AAAAAAAhzcQB

+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM2MTJ4dXEAfgAAAAAAAnVxAH4AaQAAAAFxAH4AbHVxAH4AAAAAAAFzcQB

+AC9wc3EAfgBwc3EAfgB0dyYAEiN7cGVyc29uLnBvc2l0aW9ufQAQamF2YS5sYW5nLk9iamVjdHBweHc3ADUvcGFnZXMvcmVwZWF

0LnhodG1sIEA1Myw1MiB2YWx1ZT0iI3twZXJzb24ucG9zaXRpb259Inh0ABVqX2lkODpqX2lkMTA6NzpqX2lkMjV0AAZqX2lkMjVxAH4AIXEAfgAicQB

+AD9wcHBwcQB+ACFxAH4AInBwcHBxAH4AQXVxAH4AAAAAAAJ1cQB+AAAAAAAIdXEAfgAAAAAAA3VxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM2MDV4cHQAFWpfaWQ4OmpfaWQxMDo3OmpfaWQyNnQABmpfaWQyNnEAfgAhcQB

+ACJxAH4AP3BwdAAJbG9jYXRpb246cHEAfgAhcQB+ACJwcHBwcQB+AEF1cQB+AAAAAAACdXEAfgAAAAAACHVxAH4AAAAAAAN1cQB

+AAAAAAAIc3EAfgAdP0AAAAAAAAx3CAAAABAAAAABcQB+ADl0AAczMmZjNjBjeHVxAH4AAAAAAAJ1cQB+AGkAAAABcQB+AGx1cQB

+AAAAAAABc3EAfgAvcHNxAH4AcHNxAH4AdHcmABIje3BlcnNvbi5sb2NhdGlvbn0AEGphdmEubGFuZy5PYmplY3RwcHh3NwA1L3B

hZ2VzL3JlcGVhdC54aHRtbCBANTUsNTIgdmFsdWU9IiN7cGVyc29uLmxvY2F0aW9ufSJ4dAAVal9pZDg6al9pZDEwOjc6al9pZDI3dAAGal9pZDI3cQB

+ACFxAH4AInEAfgA/cHBwcHEAfgAhcQB+ACJwcHBwcQB+AEF1cQB+AAAAAAACdXEAfgAAAAAAMXVxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM2M2Z4cHQAFWpfaWQ4OmpfaWQxMDo3OmpfaWQyOXQABmpfaWQyOXEAfgAhcQB

+ACJ0AC9vcmcuYWpheDRqc2YuY29tcG9uZW50cy5BamF4Q29tbWFuZExpbmtSZW5kZXJlcnBwcHBwcHBzcgARamF2YS51dGlsLkhhc2hTZXS6RIWVlri3NAMAAHhwdwwAAAAIP0AAAAAAAAF0AAdkZXRhaWxzeHBwc3EAfgAgAHEAfgAicHBzcQB

+ACAAcQB+ACJwc3EAfgAgAHEAfgAicHBwcHB0AAMrLy1zcQB+AC9wc3IAJ2NvbS5zdW4uZmFjZWxldHMuZWwuTGVnYWN5TWV0aG9

kQmluZGluZwAAAAAAAAABAgABTAABbXQAG0xqYXZheC9lbC9NZXRob2RFeHByZXNzaW9uO3hwc3IAJ2NvbS5zdW4uZmFjZWxldHM

uZWwuVGFnTWV0aG9kRXhwcmVzc2lvbgAAAAAAAAABDAAAeHIAGWphdmF4LmVsLk1ldGhvZEV4cHJlc3Npb26yL8qL5Pc0jgIAAHhxAH4AcnNyAB9jb20uc3VuLmVsLk1ldGhvZEV4cHJlc3Npb25JbXBs3VJ

+OAxZk+8MAAB4cQB+AUt3JgASI3tleHBhbmRlci5hY3Rpb259ABBqYXZhLmxhbmcuU3RyaW5ndXEAfgBpAAAAAHBweHc4ADYvcGF

nZXMvcmVwZWF0LnhodG1sIEA2MSw4NSBhY3Rpb249IiN7ZXhwYW5kZXIuYWN0aW9ufSJ4c3EAfgArgAAAAHEAfgAicHBwcHBwcHBwc3EAfgArgAAAAHEAfgAicHBzcQB

+ACAAcQB+ACJwcHNxAH4AIABxAH4AInBwcQB+AEF1cQB+AAAAAAACdXEAfgAAAAAACHVxAH4AAAAAAAhzcQB+AB0/QAAAAAAADHcIAAAAEAAAAAFxAH4AOXQABzMyZmM2MmV4cHQADGpfaWQ4OmpfaWQzMnQABmpfaWQzMnEAfgAhcQB

+ACJ0ABhvcmcuYWpheDRqc2YuTG9nUmVuZGVyZXJwcHBzcQB+ACABcQB+ACJwcHBxAH4AQQ==" /></span></body></html>

Is someone can explain me why all page is transfered on client and a javascript parser refresh DOM tree instead of do this on server side ?

5. Re: Ajax Request : all the page is sent from the server !!

sergeysmirnov Mar 29, 2007 1:33 PM (in response to thomasdetoulon)

Nobody can explain it, because your statement is not true.
Just copy this content to disk and open with browser.
Do you see the whole table or only the one record comes with this Ajax response?
Actions

6. Re: Ajax Request : all the page is sent from the server !!

thomasdetoulon Mar 30, 2007 4:10 AM (in response to thomasdetoulon)

SergeySmirnov, even if I open with a browser, the data length is the same !

Is not the problem, the problem is How limited the response from the server to an AJAX request ? And in addition to, ajax4jsf doesnt refresh just the innerHTML value of DOM objets but the objets as whole ! So, I have a simple datagrid with drag&drop, and look :

<div class="dr-pnl rich-panel " id="MainForm:_id44" onmouseover="if (this.dropZone) { this.dropZone

.mouseoverBound(event); return ;} this.dropZone = new DnD.SimpleDropZone('MainForm:_id44',{'acceptedTypes'

:['binItem'],'dndParams':'{}'}); this.dropZone.drop = function(event,drag){var options = {'parameters'

:{'MainForm:DropZoneLook':'MainForm:DropZoneLook'},'actionUrl':'/WebApplication3/index_.jsf'};options

.parameters['dropTargetId'] = 'MainForm:DropZoneLook';Object.extend(options.parameters,drag.getParameters

());if (this.options.ondrop) { if (!this.options.ondrop.call(this, event)) return; };A4J.AJAX.Submit

('MainForm:_id42','MainForm',event,options);};; this.dropZone.mouseoverBound(event);"><div class="dr-pnl-h

 rich-panel-header " id="MainForm:_id44_header">Watched Services</div><div class="dr-pnl-b rich-panel-body

 " id="MainForm:_id44_body"><table class="dr-table rich-table " id="MainForm:DataGrid1" border="0" cellpadding

="0" cellspacing="0" width="100%"><colgroup span="4"></colgroup><thead><tr class="dr-table-header rich-table-header

 "><td id="MainForm:DataGrid1:_id47" class="dr-table-headercell rich-table-headercell "><span class="headerText"

>Service Name</span></td><td id="MainForm:DataGrid1:_id49" class="dr-table-headercell rich-table-headercell

 "><span class="headerText">Networking</span></td><td id="MainForm:DataGrid1:_id51" class="dr-table-headercell

 rich-table-headercell "><span class="headerText">Performance</span></td><td id="MainForm:DataGrid1:_id53"

 class="dr-table-headercell rich-table-headercell "><span class="headerText">Security</span></td></tr

></thead><tbody><tr class="dr-table-firstrow rich-table-firstrow "><td id="MainForm:DataGrid1:0:_id55"

 class="dr-table-cell rich-table-cell col"><div id="MainForm:DataGrid1:0:_id56" onmousedown="if (this

.draggable) { this.draggable.eventMouseDown(event); return ;} this.draggable = new DnD.SimpleDraggable

('MainForm:DataGrid1:0:_id56',{'parameters':{'dragSourceId':'MainForm:DataGrid1:0:_id57','MainForm:DataGrid1

:0:_id57':'MainForm:DataGrid1:0:_id57'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop FR\&quot;}'

,'dragIndicator':'indicator','dragType':'item'}); this.draggable.eventMouseDown(event);" class="Dragable"

>Web Shop FR</div></td><td id="MainForm:DataGrid1:0:_id60" class="dr-table-cell rich-table-cell col"

><a id="MainForm:DataGrid1:0:_id61" href="#" onclick="return _JSFFormSubmit('MainForm:DataGrid1:0:_id61'

,'MainForm',null,{})"><div class='Data__'>2</div></a></td><td id="MainForm:DataGrid1:0:_id62" class="dr-table-cell

 rich-table-cell col"><a id="MainForm:DataGrid1:0:_id63" href="#" onclick="return _JSFFormSubmit('MainForm

:DataGrid1:0:_id63','MainForm',null,{})"><div class='Data__'>1</div></a></td><td id="MainForm:DataGrid1

:0:_id64" class="dr-table-cell rich-table-cell col"><a id="MainForm:DataGrid1:0:_id65" href="#" onclick

="return _JSFFormSubmit('MainForm:DataGrid1:0:_id65','MainForm',null,{})"><div class='Data__'>2</div

></a></td></tr><tr class="dr-table-firstrow rich-table-firstrow "><td id="MainForm:DataGrid1:1:_id55"

 class="dr-table-cell rich-table-cell col"><div id="MainForm:DataGrid1:1:_id56" onmousedown="if (this

.draggable) { this.draggable.eventMouseDown(event); return ;} this.draggable = new DnD.SimpleDraggable

('MainForm:DataGrid1:1:_id56',{'parameters':{'dragSourceId':'MainForm:DataGrid1:1:_id57','MainForm:DataGrid1

:1:_id57':'MainForm:DataGrid1:1:_id57'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop UK 1\&quot

;}','dragIndicator':'indicator','dragType':'item'}); this.draggable.eventMouseDown(event);" class="Dragable"

>Web Shop UK 1</div></td><td id="MainForm:DataGrid1:1:_id60" class="dr-table-cell rich-table-cell col"

><a id="MainForm:DataGrid1:1:_id61" href="#" onclick="return _JSFFormSubmit('MainForm:DataGrid1:1:_id61'

,'MainForm',null,{})"><div class='Data__'>1</div></a></td><td id="MainForm:DataGrid1:1:_id62" class="dr-table-cell

 rich-table-cell col"><a id="MainForm:DataGrid1:1:_id63" href="#" onclick="return _JSFFormSubmit('MainForm

:DataGrid1:1:_id63','MainForm',null,{})"><div class='Data__'>0</div></a></td><td id="MainForm:DataGrid1

:1:_id64" class="dr-table-cell rich-table-cell col"><a id="MainForm:DataGrid1:1:_id65" href="#" onclick

="return _JSFFormSubmit('MainForm:DataGrid1:1:_id65','MainForm',null,{})"><div class='Data__'>2</div

></a></td></tr><tr class="dr-table-firstrow rich-table-firstrow "><td id="MainForm:DataGrid1:2:_id55"

 class="dr-table-cell rich-table-cell col"><div id="MainForm:DataGrid1:2:_id56" onmousedown="if (this

.draggable) { this.draggable.eventMouseDown(event); return ;} this.draggable = new DnD.SimpleDraggable

('MainForm:DataGrid1:2:_id56',{'parameters':{'dragSourceId':'MainForm:DataGrid1:2:_id57','MainForm:DataGrid1

:2:_id57':'MainForm:DataGrid1:2:_id57'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop UK 3\&quot

;}','dragIndicator':'indicator','dragType':'item'}); this.draggable.eventMouseDown(event);" class="Dragable"

>Web Shop UK 3</div></td><td id="MainForm:DataGrid1:2:_id60" class="dr-table-cell rich-table-cell col"

><a id="MainForm:DataGrid1:2:_id61" href="#" onclick="return _JSFFormSubmit('MainForm:DataGrid1:2:_id61'

,'MainForm',null,{})"><div class='Data__'>1</div></a></td><td id="MainForm:DataGrid1:2:_id62" class="dr-table-cell

 rich-table-cell col"><a id="MainForm:DataGrid1:2:_id63" href="#" onclick="return _JSFFormSubmit('MainForm

:DataGrid1:2:_id63','MainForm',null,{})"><div class='Data__'>1</div></a></td><td id="MainForm:DataGrid1

:2:_id64" class="dr-table-cell rich-table-cell col"><a id="MainForm:DataGrid1:2:_id65" href="#" onclick

="return _JSFFormSubmit('MainForm:DataGrid1:2:_id65','MainForm',null,{})"><div class='Data__'>2</div

></a></td></tr><tr class="dr-table-firstrow rich-table-firstrow "><td id="MainForm:DataGrid1:3:_id55"

 class="dr-table-cell rich-table-cell col"><div id="MainForm:DataGrid1:3:_id56" onmousedown="if (this

.draggable) { this.draggable.eventMouseDown(event); return ;} this.draggable = new DnD.SimpleDraggable

('MainForm:DataGrid1:3:_id56',{'parameters':{'dragSourceId':'MainForm:DataGrid1:3:_id57','MainForm:DataGrid1

:3:_id57':'MainForm:DataGrid1:3:_id57'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop US\&quot;}'

,'dragIndicator':'indicator','dragType':'item'}); this.draggable.eventMouseDown(event);" class="Dragable"

>Web Shop US</div></td><td id="MainForm:DataGrid1:3:_id60" class="dr-table-cell rich-table-cell col"

><a id="MainForm:DataGrid1:3:_id61" href="#" onclick="return _JSFFormSubmit('MainForm:DataGrid1:3:_id61'

,'MainForm',null,{})"><div class='Data__'>2</div></a></td><td id="MainForm:DataGrid1:3:_id62" class="dr-table-cell

 rich-table-cell col"><a id="MainForm:DataGrid1:3:_id63" href="#" onclick="return _JSFFormSubmit('MainForm

:DataGrid1:3:_id63','MainForm',null,{})"><div class='Data__'>1</div></a></td><td id="MainForm:DataGrid1

:3:_id64" class="dr-table-cell rich-table-cell col"><a id="MainForm:DataGrid1:3:_id65" href="#" onclick

="return _JSFFormSubmit('MainForm:DataGrid1:3:_id65','MainForm',null,{})"><div class='Data__'>0</div

></a></td></tr><tr class="dr-table-firstrow rich-table-firstrow "><td id="MainForm:DataGrid1:4:_id55"

 class="dr-table-cell rich-table-cell col"><div id="MainForm:DataGrid1:4:_id56" onmousedown="if (this

.draggable) { this.draggable.eventMouseDown(event); return ;} this.draggable = new DnD.SimpleDraggable

('MainForm:DataGrid1:4:_id56',{'parameters':{'dragSourceId':'MainForm:DataGrid1:4:_id57','MainForm:DataGrid1

:4:_id57':'MainForm:DataGrid1:4:_id57'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop IT\&quot;}'

,'dragIndicator':'indicator','dragType':'item'}); this.draggable.eventMouseDown(event);" class="Dragable"

>Web Shop IT</div></td><td id="MainForm:DataGrid1:4:_id60" class="dr-table-cell rich-table-cell col"

><a id="MainForm:DataGrid1:4:_id61" href="#" onclick="return _JSFFormSubmit('MainForm:DataGrid1:4:_id61'

,'MainForm',null,{})"><div class='Data__'>0</div></a></td><td id="MainForm:DataGrid1:4:_id62" class="dr-table-cell

 rich-table-cell col"><a id="MainForm:DataGrid1:4:_id63" href="#" onclick="return _JSFFormSubmit('MainForm

:DataGrid1:4:_id63','MainForm',null,{})"><div class='Data__'>2</div></a></td><td id="MainForm:DataGrid1

:4:_id64" class="dr-table-cell rich-table-cell col"><a id="MainForm:DataGrid1:4:_id65" href="#" onclick

="return _JSFFormSubmit('MainForm:DataGrid1:4:_id65','MainForm',null,{})"><div class='Data__'>2</div

></a></td></tr></tbody></table></div></div></td>

<td><div class="dr-pnl rich-panel " id="MainForm:_id66" onmouseover="if (this.dropZone) { this.dropZone

.mouseoverBound(event); return ;} this.dropZone = new DnD.SimpleDropZone('MainForm:_id66',{'acceptedTypes'

:['item'],'dndParams':'{}'}); this.dropZone.drop = function(event,drag){var options = {'parameters':

{'MainForm:DropZoneBIN':'MainForm:DropZoneBIN'},'actionUrl':'/WebApplication3/index_.jsf'};options.parameters

['dropTargetId'] = 'MainForm:DropZoneBIN';Object.extend(options.parameters,drag.getParameters());if

(this.options.ondrop) { if (!this.options.ondrop.call(this, event)) return; };A4J.AJAX.Submit('MainForm

:_id42','MainForm',event,options);};; this.dropZone.mouseoverBound(event);"><div class="dr-pnl-h rich-panel-header

 " id="MainForm:_id66_header">Not watched Services</div><div class="dr-pnl-b rich-panel-body " id="MainForm

:_id66_body"><table class="dr-table rich-table " id="MainForm:DataGridBin" border="0" cellpadding="0"

 cellspacing="0" width="100%"><colgroup span="1"></colgroup><tbody><tr class="dr-table-firstrow rich-table-firstrow

 "><td id="MainForm:DataGridBin:0:_id68" class="dr-table-cell rich-table-cell col"><div id="MainForm

:DataGridBin:0:_id69" onmousedown="if (this.draggable) { this.draggable.eventMouseDown(event); return

 ;} this.draggable = new DnD.SimpleDraggable('MainForm:DataGridBin:0:_id69',{'parameters':{'dragSourceId'

:'MainForm:DataGridBin:0:_id70','MainForm:DataGridBin:0:_id70':'MainForm:DataGridBin:0:_id70'},'dndParams'

:'{\&quot;label\&quot;:\&quot;Web Shop UK 2\&quot;}','dragIndicator':'indicator','dragType':'binItem'

}); this.draggable.eventMouseDown(event);" class="Dragable">Web Shop UK 2</div></td></tr><tr class="dr-table-firstrow

 rich-table-firstrow "><td id="MainForm:DataGridBin:1:_id68" class="dr-table-cell rich-table-cell col"

><div id="MainForm:DataGridBin:1:_id69" onmousedown="if (this.draggable) { this.draggable.eventMouseDown

(event); return ;} this.draggable = new DnD.SimpleDraggable('MainForm:DataGridBin:1:_id69',{'parameters'

:{'dragSourceId':'MainForm:DataGridBin:1:_id70','MainForm:DataGridBin:1:_id70':'MainForm:DataGridBin

:1:_id70'},'dndParams':'{\&quot;label\&quot;:\&quot;Web Shop SP\&quot;}','dragIndicator':'indicator'

,'dragType':'binItem'}); this.draggable.eventMouseDown(event);" class="Dragable">Web Shop SP</div>

Just for show a datagrid with 5x4 data !!!!! refreshed every second, thks a lot RichFaces !

Go to original post