使用jQuery在JSF中异步加载t：dataTable

Question

<t:panelTab label="Detailed View" styleClass="tabFont" rendered="true" id="DetailedView">
    <t:dataTable value="#{MyFinanceBB.amendDataList}" id="DetailedViewGrid" forceId="true"
                var="myVo" rowIndexVar="gridExpRowNo"......>
    ...............
      <t:inputText value="#{myVo.myval}" styleClass="BodyFont" forceId="true" id="myId2"
                                    onchange="getTotalMyValAjax('myId2[#{gridExpRowNo}]',#{gridExpRowNo});">

/ ---------------------------------------------------------------- /

function getMyAmountTotalGrid(myidVar,count){   

            var myAmt=document.getElementById(myidVar).value;

            var id = 'myForm\\:targetView';

                $j.ajax({
                    async:"false",
                    cache:"false",
                    type: "POST",
                    url:"/myProj/myController",
                    data:{myAmt:myAmt,count:count},
                    error:function(){
                        alert('Error Occurred.Please try later');
                        },  
                    success:function(output){
                                alert('SUCCESS');
                                 $j('#'+id).load("/pagesmyProj/Home/dingDongHome.jsf");
                                alert('after reloading grid');                                          
                        }
                    }); 
        }

---

when i execute the code alert message SUCCESS is getting printed and all the server side variables are getting updated.(I came to know this by sysouts). But nothing is really getting changed in the webpage. The alert message "after relaoding grid" is also getting printed. But the grid is not getting reloaded. The server side changes are not getting reflected in the browser.

Answer 1

For start you should add \\\\ to your id

instead of var id = 'myForm:targetView';

write var id = 'myForm\\\\:targetView'; otherwise jquery selector by id wont work (you need to escape the : )

Answer 2

You are referencing

$j('#'+id)...

just remove the "j", ex. $('#'+id)...

Answer 3

经过长时间的努力，我得到了错误。给jquery加载函数的url不正确，应该更改。