refresh/reload table data in jsp file (data return from ajax call)

[david arnold]

Hi,

I have a jsp page (using struts 1) which has a table (on page left side) contain a list of messages, click on one message in the table will show its detail info on the right side.

I tried to reload the table when ajax call back return new data (from database) by using the following javascript which does not work.

function processStateChange() {
            if (wRequest.readyState == 4) { // response is complete
                if (wRequest.status == 200) { // OK response
                    document.getElementById("msgListTable").refresh();
                } else {
                    alert("Problem: " + wRequest.statusText);
                }
            }
        }

I ever thought about using

 document.getElementById('msgListTable').innerHTML = new table built by javascript
 

the problem is that before listing the messages, I have to parse the message content to decide which image and font to use. I need use about six struts-logic tag
like <logic:present> <logic:equal> ... to display the message based on the message content. The following code is just a sample, I have not included all logic tags in yet.

<table id="msgListTable">
                                            <tr style="height:25px">
                                                <td class="imgColumn">
                                                    <img src="theme/images/flash.png" alt="">
                                                </td>
                                                <td colspan="4">
                                                    Welcome .....
                                                </td>
                                            </tr>
                                            <logic:iterate id="info" name="allMsg">
                                                <tr id="<bean:write name="info" property="UID" />"
                                                    onclick="doDisplayMsg('<bean:write name="info" property="UID" />',
                                                        '<bean:write name="info" property="userName" />',
                                                        '<bean:write name="info" property="questionValue" />',
                                                        '<bean:write name="info" property="answerValue" />')"
                                                    onmouseover="mouse_event(this, 'highLightTR');"
                                                    onmouseout="mouse_event(this, '');">
                                                    <td class="imgColumn">
                                                        <img src="theme/images/redDot.png" alt="">
                                                    </td>
                                                    <td>
                                                        <bean:write name="info" property="userName" /> |                                                       
                                                        <bean:write name="info" property="questionValue" /> <br>
                                                        <bean:write name="info" property="time" />
                                                    </td>
                                                    <td class="imgColumn">
                                                        <logic:equal name="info" property="questionType" value="1">
                                                             <img src="theme/images/questionMark.png" alt="">
                                                        </logic:equal>
                                                    </td>
                                                    <td class="imgColumn">
                                                        <img src="theme/images/noteMark.png" alt="">
                                                    </td>
                                                    <td class="imgColumn" style="vertical-align:top;">
                                                        <img src="theme/images/hideIcon.png" alt="">
                                                    </td>
                                                </tr>
                                            </logic:iterate>
                                        </table>

Any good solution/advice to solve the table reload requirement in such case?

Thanks.

[david arnold]

Any idea? Or I should ask such question on other forums like struts forum?

Thanks.

[Bear Bibeault]

Where did you find the documentation for the refresh() method for DOM elements?

document.getElementById("msgListTable").refresh();  

[david arnold]

oh, got it. Thanks.

[Bear Bibeault]

Have you solved your issue?

[Brijesh Jain]

Can you please share your solution?