Home » Forums » Backbase Client Edition 3.x » Unknown runtime error by loading asynchron a listgrid in IE

Unknown runtime error by loading asynchron a listgrid in IE

28 April, 2008 - 19:06 — Garlof

Hi Guys,
i´ve litte problem or maybe a bigger one. I´ve a <b:windowArea> in side of this i´ve a <div> with the id = content. In this laver I load the list grid, in Firefox it is working but when i use the IE I got an error.

GENERIC: Javascript error: "Unknown runtime error". b:window [ undefined]
GENERIC: Javascript error: "GENERIC: Javascript error: "Unbekannter Laufzeitfehler".". div

Ok I am sure that you need some code to help me:

index.php:

<b:windowArea style="height:100%;">  
 <b:taskBar />
  <b:window label="Profil bearbeiten" id="profil" width="550px" height="300px" left="100px" top="50px" open="false" dragConstraint=".." resizeConstraint=".." ></b:window>
  <div style="height:580px; width:100%; margin-left:0px;" id="content"></div>
</b:windowArea>

The list grid which will be loaded:

<body xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:e="http://www.backbase.com/2006/xel" xmlns:b="http://www.backbase.com/2006/btl" xmlns:c="http://www.backbase.com/2006/command" xmlns:d="http://www.backbase.com/2006/tdl" xmlns:bf="http://www.backbase.com/2007/forms" >
<style>
 .rowClass1{background-color:#FFFFFF}
 .rowClass2{background-color:#999999}
</style>

<?php
//Windows für user werden erstellt
$sql = "SELECT * FROM `user`";
$result = mysql_query($sql);
while($row = mysql_fetch_assoc($result)){
$i = $i + 20;
?>
<b:window label="Profil von <?php echo $row['vorname']." ".$row['nachname']." (".$row['nick'].")"; ?>" id="member-<?php echo $row['id'] ?>" width="550px" height="300px" left="<?php echo $i ?>px" top="<?php echo $i ?>px" open="false" dragConstraint=".." resizeConstraint=".." ></b:window>
 <?php
 }
 ?>
 
<b:listGrid width="99%" height="100%" readonly="true" rowClasses="rowClass1, rowClass2" >
<b:dataSource e:behavior="b:localData" dataType="application/xml">
<b:dataContainer>

 <xi:include href="/dk/ajax/memberliste.xml.php" />

</b:dataContainer>
</b:dataSource>
<b:listGridCol select="pic" label="Bild" width="12.5%" />
<b:listGridCol select="name" label="Name" width="12.5%" />
<b:listGridCol select="vorname" label="Vorname" width="12.5%" />
<b:listGridCol select="nachname" label="Nachname" width="12.5%" />
<b:listGridCol select="nick" label="Nickname" width="12.5%" />
<b:listGridCol select="nation" label="Staat" width="12.5%"  />
<b:listGridCol select="stadt" label="Stadt" width="12.5%" />
<b:listGridCol select="promember" label="Promember" width="12.5%" />
</b:listGrid>


</body>

How i load it in the div layer:

<li>
   <a href="Javascript://" >
      <e:handler event="click" type="application/xml">
               <c:show with="id('LoadingPage')" />
             
           <c:load url="/dk/ajax/memberliste.php" method="GET" destination="id('content')"  mode="replaceChildren" />
                   <c:hide with="id('LoadingPage')" />
      </e:handler>
      Memberliste
   </a>
 </li>

Ok thats it, i hope you can help me.

Garlof

‹ How can I dynamically load content into a b:select instead of from an xml file? How to set timeout? ›

Unknown runtime error

6 May, 2008 - 12:53 — andys

Hi Garlof,

Let me refresh it.
So you actually has a windowArea and you want to load listgrid into the div with id="content". Would you like to check whether the HTML DOM tree structure is valid? IE is only able to accept valid HTML Structure.

I see here, based on your code, you also include the tag element in the php file (which is the listgrid content).
And as I understand, the listgrid will be loaded into div id="content". And it will create an invalid HTML Structure.

this is what you will get:

<b:windowArea style="height:100%;">  
 <b:taskBar />
  <b:window label="Profil bearbeiten" id="profil" width="550px" height="300px" left="100px" top="50px" open="false" dragConstraint=".." resizeConstraint=".." ></b:window>
  <div style="height:580px; width:100%; margin-left:0px;" id="content">
    <body>
      <listgrid ...>

      </listgrid>
    </body>
  </div>
</b:windowArea>

hope this helps,