Loading ...
Sorry, an error occurred while loading the content.

Yui 2.5.2 Datatable IE render only on mouse over

Expand Messages
  • vincenzo.amoruso
    Hi to all, i m trying to loading data in a YAHOO datatable using yui. 2000 records are readed by JSON, after data are loaded columns and row are visible but
    Message 1 of 3 , Sep 2, 2008
    View Source
    • 0 Attachment

      Hi to all,

      i'm trying to loading data in a YAHOO datatable using yui.

      2000 records are readed by JSON,

      after data are  loaded columns and row are visible but renderd in a wrong way.

      for example columns widths are not correct, but when i move mouse over datatable component

      all data are  rendered in right way!

      This is my code :

      <!--Script and CSS includes for YUI dependencies on this page-->
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/fonts/fonts.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/menu/assets/skins/sam/menu.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/datatable/assets/skins/sam/datatable.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/button/assets/skins/sam/button.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/container/assets/skins/sam/container.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/resize/assets/skins/sam/resize.css" />
      <link rel="stylesheet" type="text/css" href="./ajax/YAHOO/build/layout/assets/skins/sam/layout-skin.css" />
      <script type="text/javascript" src="./ajax/YAHOO/build/yahoo.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/yahoo-dom-event/yahoo-dom-event.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/container/container_core-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/menu/menu-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/yuiloader/yuiloader-beta-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/event/event-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/connection/connection-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/json/json-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/dom/dom-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/element/element-beta-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/utilities/utilities.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/datasource/datasource-beta-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/datatable/datatable-beta-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/button/button-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/container/container-min.js"></script>
      <!-- layout js- -->
      <script type="text/javascript" src="./ajax/YAHOO/build/dragdrop/dragdrop-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/resize/resize-beta-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/animation/animation-min.js"></script>
      <script type="text/javascript" src="./ajax/YAHOO/build/layout/layout-beta-min.js"></script>
      .............................

              this.formatUnescape= function(elCell, oRecord, oColumn, oData) {
            while (oData.indexOf("+")>0)
          {
              oData=oData.replace("+", " ")
          }
             elCell.innerHTML = unescape(oData);  
               }; 
        
        

        var UtentiColonneDefs = [
                  {key:"utente",label:"Username",formatter:this.formatUnescape,width:100,resizeable:true,sortable:true},
         {key:"password",label:"Password",formatter:YAHOO.widget.DataTable.formatNumber,width:50,resizeable:true,sortable:true},
              {key:"administrator",label:"Admin",formatter:"checkbox",width:10,resizeable:true,sortable:true},
         {key:"descrizione",label:"Descrizione",width:250,resizeable:true,sortable:true},
         {key:"email",label:"E-Mail",formatter:YAHOO.widget.DataTable.formatEmail,width:150,resizeable:true,sortable:true},
         {key:"entita",label:"Tabella",width:150,resizeable:true},
         {key:"entita_campo",label:"Campo Tabella",width:150,resizeable:true},
         {key:"condizione",label:"Condizione",width:150,resizeable:true},
         {key:"valore_condizione",label:"Valore",width:150,resizeable:true}
              ];
        
        
       
        this.UtentiDataSource = new YAHOO.util.DataSource("UtentiXQuery?");
              this.UtentiDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;  
        this.UtentiDataSource.connXhrMode = "queueRequests";          
         this.UtentiDataSource.responseSchema = {
         resultsList: "ResultSet.Result", 
                  fields: ["utente",
                   "password",
             "descrizione",
             "administrator",
             "email",
             "entita",
             "entita_campo",
             "condizione",
             "valore_condizione"
             ]
             };
        
        var UtentiDataTableConfigs = {initialRequest:"dummy=0",
                  sortedBy:{key:"utente",dir:"asc"},
            paginator: new YAHOO.widget.Paginator({  
                       containers  : 'pagUtenti',
           rowsPerPage: 25, 
           firstPageLinkLabel : "<img src='./images/top_sm.gif'>",
              previousPageLinkLabel : "<img src='./images/prev_sm.gif'>",  
                nextPageLinkLabel : "<img src='./images/next_sm.gif'>",
              lastPageLinkLabel : "<img src='./images/bottom_sm.gif'>",
           template: UtentiToolBar,
           updateOnChange : false,
                 pageLinks: 5  
                   }),
         caption:UtentiHeader, 
         selectionMode:"single",
         scrollable:true,
                  height:"15em",
         width:"75em"
              }
        
        this.UtentiDataTable = new YAHOO.widget.DataTable("utenti", UtentiColonneDefs, this.UtentiDataSource, UtentiDataTableConfigs); 
        this.UtentiDataTable.subscribe("rowMouseoverEvent", this.UtentiDataTable.onEventHighlightRow);  
              this.UtentiDataTable.subscribe("rowMouseoutEvent", this.UtentiDataTable.onEventUnhighlightRow);  
             
         
        
        callbackUtentiDataTable = {  
                 success : this.UtentiDataTable.onDataReturnReplaceRows,
                  failure : this.UtentiDataTable.onDataReturnReplaceRows,
                  scope : this.UtentiDataTable  
              };
        
        
        
          this.UtentiDataTable.subscribe("rowClickEvent", this.UtentiDataTable.onEventSelectRow);  
             
        UtentiDataSourceTemp=this.UtentiDataSource;
        
               // Programmatically select the first row  
              this.UtentiDataTable.selectRow(this.UtentiDataTable.getTrEl(0));  
        
        
         this.onContextMenuClick = function(p_sType, p_aArgs, p_DataTable) {  
                   var task = p_aArgs[1];  
                    if(task) {  
                       // Extract which TR element triggered the context menu  
                       var elRow = this.contextEventTarget;  
                       elRow = p_DataTable.getTrEl(elRow);  
                 if(elRow) {  
               switch(task.index) { 
                // Caricamento liste navigazione Top-Down
                               case 0:     //
                                  var record = p_DataTable.getRecord(elRow);
             p_DataTable.unselectAllRows();
             p_DataTable.selectRow(p_DataTable.getTrEl(elRow));
             if (p_DataTable.getId()=="yui-dt0") {
              }
                   
          
                           }  
                       }  
                   }  
               };  
        
        
         // Menu di contesto
        
         this.UtentiContextMenu = new YAHOO.widget.ContextMenu("UtentiContextMenu",  
                       {trigger:this.UtentiDataTable.getTbodyEl()});  
               this.UtentiContextMenu.addItem("Lista Funzioni");  
               this.UtentiContextMenu.addItem("...");  
               this.UtentiContextMenu.addItem("Zoom Cliente");  
               this.UtentiContextMenu.addItem("Nuova Funzione");  
               // Render the ContextMenu instance to the parent container of the DataTable  
               this.UtentiContextMenu.render("utenti");  
             
         this.UtentiContextMenu.clickEvent.subscribe(this.onContextMenuClick, this.UtentiDataTable);
        
       

      Thanks in advance

      Ragards

      Vincenzo

       

    • Satyam
      You are probably trying to render the datatable into a container which is not visible. This is a known issue of the 2.5.x versions of DataTable. Thi should
      Message 2 of 3 , Sep 3, 2008
      View Source
      • 0 Attachment
        You are probably trying to render the datatable into a container which
        is not visible. This is a known issue of the 2.5.x versions of
        DataTable. Thi should not be an issue in 2.6, which is coming out in a
        few weeks, you might as well wait for it, or try the pre-release, if you
        want. You won't be wasting your time fixing something that will
        probably not be an issue by the time you go into production.

        Anyway, please check the includes with the configuration utility. You
        have three versions of yahoo, event and dom, actually more like 4 of
        some of them, two containers, two elements, that is not good.

        Satyam


        vincenzo.amoruso wrote:
        >
        > Hi to all,
        >
        > i'm trying to loading data in a YAHOO datatable using yui.
        >
        > 2000 records are readed by JSON,
        >
        > after data are loaded columns and row are visible but renderd in a
        > wrong way.
        >
        > for example columns widths are not correct, but when i move mouse over
        > datatable component
        >
        > all data are rendered in right way!
        >
        > This is my code :
        >
        > /<!--Script and CSS includes for YUI dependencies on this page-->
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/fonts/fonts.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/menu/assets/skins/sam/menu.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/datatable/assets/skins/sam/datatable.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/button/assets/skins/sam/button.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/container/assets/skins/sam/container.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/resize/assets/skins/sam/resize.css" />
        > <link rel="stylesheet" type="text/css"
        > href="./ajax/YAHOO/build/layout/assets/skins/sam/layout-skin.css" />
        > <script type="text/javascript" src="./ajax/YAHOO/build/yahoo.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/yahoo-dom-event/yahoo-dom-event.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/container/container_core-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/menu/menu-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/yuiloader/yuiloader-beta-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/event/event-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/connection/connection-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/json/json-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/dom/dom-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/element/element-beta-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/utilities/utilities.js"></script>
        > <script type="text/javascript" src="./a
        > jax/YAHOO/build/datasource/datasource-beta-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/datatable/datatable-beta-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/button/button-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/container/container-min.js"></script>
        > <!-- layout js- -->
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/dragdrop/dragdrop-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/resize/resize-beta-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/animation/animation-min.js"></script>
        > <script type="text/javascript"
        > src="./ajax/YAHOO/build/layout/layout-beta-min.js"></script>
        > ............................./
        >
        > / this.formatUnescape= function(elCell, oRecord, oColumn, oData) {
        > while (oData.indexOf("+")>0)
        > {
        > oData=oData.replace("+", " ")
        > }
        > elCell.innerHTML = unescape(oData);
        > };
        >
        > /
        >
        > / var UtentiColonneDefs = [
        >
        > {key:"utente",label:"Username",formatter:this.formatUnescape,width:100,resizeable:true,sortable:true},
        > {key:"password",label:"Password",formatter:YAHOO.widget.DataTable.formatNumber,width:50,resizeable:true,sortable:true},
        >
        > {key:"administrator",label:"Admin",formatter:"checkbox",width:10,resizeable:true,sortable:true},
        > {key:"descrizione",label:"Descrizione",width:250,resizeable:true,sortable:true},
        > {key:"email",label:"E-Mail",formatter:YAHOO.widget.DataTable.formatEmail,width:150,resizeable:true,sortable:true},
        > {key:"entita",label:"Tabella",width:150,resizeable:true},
        > {key:"entita_campo",label:"Campo Tabella",width:150,resizeable:true},
        > {key:"condizione",label:"Condizione",width:150,resizeable:true},
        > {key:"valore_condizione",label:"Valore",width:150,resizeable:true}
        > ];
        >
        >
        >
        > this.UtentiDataSource = new YAHOO.util.DataSource("UtentiXQuery?");
        > this.UtentiDataSource.responseType =
        > YAHOO.util.DataSource.TYPE_JSON;
        > this.UtentiDataSource.connXhrMode = "queueRequests";
        > this.UtentiDataSource.responseSchema = {
        > resultsList: "ResultSet.Result",
        > fields: ["utente",
        > "password",
        > "descrizione",
        > "administrator",
        > "email",
        > "entita",
        > ; "entita_campo",
        > "condizione",
        > "valore_condizione"
        > ]
        > };
        >
        > var UtentiDataTableConfigs = {initialRequest:"dummy=0",
        > sortedBy:{key:"utente",dir:"asc"},
        > paginator: new YAHOO.widget.Paginator({
        > containers : 'pagUtenti',
        > rowsPerPage: 25,
        > firstPageLinkLabel : "<img src='./images/top_sm.gif'>",
        > previousPageLinkLabel : "<img src='./images/prev_sm.gif'>",
        > nextPageLinkLabel : "<img src='./images/next_sm.gif'>",
        > lastPageLinkLabel : "<img src='./images/bottom_sm.gif'>",
        > template: UtentiToolBar,
        > updateOnChange : false,
        > pageLinks: 5
        > }),
        > caption:UtentiHeader,
        > selectionMode:"single",
        > scrollable:true,
        > height:"15em",
        > width:"75em"
        > }
        >
        > this.UtentiDataTable = new YAHOO.widget.DataTable("utenti",
        > UtentiColonneDefs, this.UtentiDataSource, UtentiDataTableConfigs);
        > this.UtentiDataTable.subscribe("rowMouseoverEvent",
        > this.UtentiDataTable.onEventHighlightRow);
        > this.UtentiDataTable.subscribe("rowMouseoutEvent",
        > this.UtentiDataTable.onEventUnhighlightRow);
        >
        >
        >
        > callbackUtentiDataTable = {
        > success : this.UtentiDataTable.onDataReturnReplaceRows,
        > failure : this.UtentiDataTable.onDataReturnReplaceRows,
        > scope : this.UtentiDataTable
        > };
        >
        >
        >
        > this.UtentiDataTable.subscribe("rowClickEvent",
        > this.UtentiDataTable.onEventSelectRow);
        >
        > UtentiDataSourceTemp=this.UtentiDataSource;
        >
        > // Programmatically select the first row
        >
        > this.UtentiDataTable.selectRow(this.UtentiDataTable.getTrEl(0));
        >
        >
        > this.onContextMenuClick = function(p_sType, p_aArgs, p_DataTable) {
        > var task = p_aArgs[1];
        > if(task) {
        > // Extract which TR element triggered the context menu
        > var elRow = this.contextEventTarget;
        > elRow = p_DataTable.getTrEl(elRow);
        > &nbs p; if(elRow) {
        > switch(task.index) {
        > // Caricamento liste navigazione Top-Down
        > case 0: //
        > var record = p_DataTable.getRecord(elRow);
        > p_DataTable.unselectAllRows();
        > p_DataTable.selectRow(p_DataTable.getTrEl(elRow));
        > if (p_DataTable.getId()=="yui-dt0") {
        > }
        >
        >
        > }
        > }
        > }
        > };
        >
        >
        > // Menu di contesto
        >
        > this.UtentiContextMenu = new
        > YAHOO.widget.ContextMenu("UtentiContextMenu",
        > {trigger:this.UtentiDataTable.getTbodyEl()});
        > this.UtentiContextMenu.addItem("Lista Funzioni");
        > this.UtentiContextMenu.addItem("...");
        > this.UtentiContextMenu.addItem("Zoom Cliente");
        > this.UtentiContextMenu.addItem("Nuova Funzione");
        > // Render the ContextMenu instance to the parent container of
        > the DataTable
        > this.UtentiContextMenu.render("utenti");
        >
        >
        > this.UtentiContextMenu.clickEvent.subscribe(this.onContextMenuClick,
        > this.UtentiDataTable);
        >
        > /
        >
        > Thanks in advance
        >
        > Ragards
        >
        > Vincenzo
        >
        >
        >
        >
        > ------------------------------------------------------------------------
        >
        >
        > No virus found in this incoming message.
        > Checked by AVG - http://www.avg.com
        > Version: 8.0.169 / Virus Database: 270.6.14/1647 - Release Date: 02/09/2008 6:02
        >
        >
      • vincenzo.amoruso
        Great Thanks Satyam i ve followed your advice, and temporarly resolved by using : this.UtentiDataTable.set( renderLoopSize , 25); Now resizing coloumn witdh by
        Message 3 of 3 , Sep 4, 2008
        View Source
        • 0 Attachment
          Great
          Thanks Satyam
          i've followed your advice,
          and temporarly resolved by using :
          this.UtentiDataTable.set("renderLoopSize", 25);

          Now resizing coloumn witdh by mouse, the datatable is rendered in
          wrong way.Only selecting a row or a coloumn datatable is viewed in
          right way.

          Ciao
          Vincenzo


          --- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
          >
          > You are probably trying to render the datatable into a container
          which
          > is not visible. This is a known issue of the 2.5.x versions of
          > DataTable. Thi should not be an issue in 2.6, which is coming out
          in a
          > few weeks, you might as well wait for it, or try the pre-release,
          if you
          > want. You won't be wasting your time fixing something that will
          > probably not be an issue by the time you go into production.
          >
          > Anyway, please check the includes with the configuration utility.
          You

          > have three versions of yahoo, event and dom, actually more like 4
          of
          > some of them, two containers, two elements, that is not good.
          >
          > Satyam
          >
          >
          > vincenzo.amoruso wrote:
          > >
          > > Hi to all,
          > >
          > > i'm trying to loading data in a YAHOO datatable using yui.
          > >
          > > 2000 records are readed by JSON,
          > >
          > > after data are loaded columns and row are visible but renderd in
          a
          > > wrong way.
          > >
          > > for example columns widths are not correct, but when i move mouse
          over
          > > datatable component
          > >
          > > all data are rendered in right way!
          > >
          > > This is my code :
          > >
          > > /<!--Script and CSS includes for YUI dependencies on this page-->
          > > <link rel="stylesheet" type="text/css"
          > > href="./ajax/YAHOO/build/fonts/fonts.css" />
          > > <link rel="stylesheet" type="text/css"
          > > href="./ajax/YAHOO/build/menu/assets/skins/sam/menu.css" />
          > > <link rel="stylesheet" type="text/css"
          > >
          href="./ajax/YAHOO/build/datatable/assets/skins/sam/datatable.css" />
          > > <link rel="stylesheet" type="text/css"
          > > href="./ajax/YAHOO/build/button/assets/skins/sam/button.css" />
          > > <link rel="stylesheet" type="text/css"
          > >
          href="./ajax/YAHOO/build/container/assets/skins/sam/container.css" />
          > > <link rel="stylesheet" type="text/css"
          > > href="./ajax/YAHOO/build/resize/assets/skins/sam/resize.css" />
          > > <link rel="stylesheet" type="text/css"
          > > href="./ajax/YAHOO/build/layout/assets/skins/sam/layout-
          skin.css" />
          > > <script type="text/javascript"
          src="./ajax/YAHOO/build/yahoo.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/yahoo-dom-event/yahoo-dom-
          event.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/container/container_core-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/menu/menu-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/yuiloader/yuiloader-beta-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/event/event-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/connection/connection-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/json/json-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/dom/dom-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/element/element-beta-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/utilities/utilities.js"></script>
          > > <script type="text/javascript" src="./a
          > > jax/YAHOO/build/datasource/datasource-beta-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/datatable/datatable-beta-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/button/button-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/container/container-min.js"></script>
          > > <!-- layout js- -->
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/dragdrop/dragdrop-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/resize/resize-beta-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/animation/animation-min.js"></script>
          > > <script type="text/javascript"
          > > src="./ajax/YAHOO/build/layout/layout-beta-min.js"></script>
          > > ............................./
          > >
          > > / this.formatUnescape= function(elCell, oRecord, oColumn,
          oData) {
          > > while (oData.indexOf("+")>0)
          > > {
          > > oData=oData.replace("+", " ")
          > > }
          > > elCell.innerHTML = unescape(oData);
          > > };
          > >
          > > /
          > >
          > > / var UtentiColonneDefs = [
          > >
          > >
          {key:"utente",label:"Username",formatter:this.formatUnescape,width:100
          ,resizeable:true,sortable:true},
          > >
          {key:"password",label:"Password",formatter:YAHOO.widget.DataTable.form
          atNumber,width:50,resizeable:true,sortable:true},
          > >
          > >
          {key:"administrator",label:"Admin",formatter:"checkbox",width:10,resiz
          eable:true,sortable:true},
          > >
          {key:"descrizione",label:"Descrizione",width:250,resizeable:true,sorta
          ble:true},
          > > {key:"email",label:"E-
          Mail",formatter:YAHOO.widget.DataTable.formatEmail,width:150,resizeabl
          e:true,sortable:true},
          > > {key:"entita",label:"Tabella",width:150,resizeable:true},
          > > {key:"entita_campo",label:"Campo
          Tabella",width:150,resizeable:true},
          > >
          {key:"condizione",label:"Condizione",width:150,resizeable:true},
          > >
          {key:"valore_condizione",label:"Valore",width:150,resizeable:true}
          > > ];
          > >
          > >
          > >
          > > this.UtentiDataSource = new YAHOO.util.DataSource
          ("UtentiXQuery?");
          > > this.UtentiDataSource.responseType =
          > > YAHOO.util.DataSource.TYPE_JSON;
          > > this.UtentiDataSource.connXhrMode = "queueRequests";
          > > this.UtentiDataSource.responseSchema = {
          > > resultsList: "ResultSet.Result",
          > > fields: ["utente",
          > > "password",
          > > "descrizione",
          > > "administrator",
          > > "email",
          > > "entita",
          > > ; "entita_campo",
          > > "condizione",
          > > "valore_condizione"
          > > ]
          > > };
          > >
          > > var UtentiDataTableConfigs = {initialRequest:"dummy=0",
          > > sortedBy:{key:"utente",dir:"asc"},
          > > paginator: new YAHOO.widget.Paginator({
          > > containers : 'pagUtenti',
          > > rowsPerPage: 25,
          > > firstPageLinkLabel : "<img src='./images/top_sm.gif'>",
          > > previousPageLinkLabel : "<img
          src='./images/prev_sm.gif'>",
          > > nextPageLinkLabel : "<img src='./images/next_sm.gif'>",
          > > lastPageLinkLabel : "<img src='./images/bottom_sm.gif'>",
          > > template: UtentiToolBar,
          > > updateOnChange : false,
          > > pageLinks: 5
          > > }),
          > > caption:UtentiHeader,
          > > selectionMode:"single",
          > > scrollable:true,
          > > height:"15em",
          > > width:"75em"
          > > }
          > >
          > > this.UtentiDataTable = new YAHOO.widget.DataTable("utenti",
          > > UtentiColonneDefs, this.UtentiDataSource,
          UtentiDataTableConfigs);
          > > this.UtentiDataTable.subscribe("rowMouseoverEvent",
          > > this.UtentiDataTable.onEventHighlightRow);
          > > this.UtentiDataTable.subscribe("rowMouseoutEvent",
          > > this.UtentiDataTable.onEventUnhighlightRow);
          > >
          > >
          > >
          > > callbackUtentiDataTable = {
          > > success : this.UtentiDataTable.onDataReturnReplaceRows,
          > > failure :
          this.UtentiDataTable.onDataReturnReplaceRows,
          > > scope : this.UtentiDataTable
          > > };
          > >
          > >
          > >
          > > this.UtentiDataTable.subscribe("rowClickEvent",
          > > this.UtentiDataTable.onEventSelectRow);
          > >
          > > UtentiDataSourceTemp=this.UtentiDataSource;
          > >
          > > // Programmatically select the first row
          > >
          > > this.UtentiDataTable.selectRow(this.UtentiDataTable.getTrEl(0));
          > >
          > >
          > > this.onContextMenuClick = function(p_sType, p_aArgs,
          p_DataTable) {
          > > var task = p_aArgs[1];
          > > if(task) {
          > > // Extract which TR element triggered the
          context menu
          > > var elRow = this.contextEventTarget;
          > > elRow = p_DataTable.getTrEl(elRow);
          > > &nbs p; if(elRow) {
          > > switch(task.index) {
          > > // Caricamento liste navigazione Top-Down
          > > case 0: //
          > > var record = p_DataTable.getRecord
          (elRow);
          > > p_DataTable.unselectAllRows();
          > > p_DataTable.selectRow(p_DataTable.getTrEl(elRow));
          > > if (p_DataTable.getId()=="yui-dt0") {
          > > }
          > >
          > >
          > > }
          > > }
          > > }
          > > };
          > >
          > >
          > > // Menu di contesto
          > >
          > > this.UtentiContextMenu = new
          > > YAHOO.widget.ContextMenu("UtentiContextMenu",
          > > {trigger:this.UtentiDataTable.getTbodyEl()});
          > > this.UtentiContextMenu.addItem("Lista Funzioni");
          > > this.UtentiContextMenu.addItem("...");
          > > this.UtentiContextMenu.addItem("Zoom Cliente");
          > > this.UtentiContextMenu.addItem("Nuova Funzione");
          > > // Render the ContextMenu instance to the parent
          container of
          > > the DataTable
          > > this.UtentiContextMenu.render("utenti");
          > >
          > >
          > > this.UtentiContextMenu.clickEvent.subscribe
          (this.onContextMenuClick,
          > > this.UtentiDataTable);
          > >
          > > /
          > >
          > > Thanks in advance
          > >
          > > Ragards
          > >
          > > Vincenzo
          > >
          > >
          > >
          > >
          > > ------------------------------------------------------------------
          ------
          > >
          > >
          > > No virus found in this incoming message.
          > > Checked by AVG - http://www.avg.com
          > > Version: 8.0.169 / Virus Database: 270.6.14/1647 - Release Date:
          02/09/2008 6:02
          > >
          > >
          >
        Your message has been successfully submitted and would be delivered to recipients shortly.