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

YUI and paginating xml document

Expand Messages
  • Mohammad Mohtasham
    Hi, I usually use xslt to represent my xml data in the xhtml format, but this time I have an xml document which has many entries in it. That s why I m looking
    Message 1 of 5 , Mar 3, 2008
    • 0 Attachment
      Hi,

      I usually use xslt to represent my xml data in the xhtml format, but
      this time I have an xml document which has many entries in it. That's
      why I'm looking for a client side pagination mechanism. I worked with
      yui datatable client side paginator a few days ago, but I couldn't
      find a way to show any image inside the table.

      I tried to implement pagination mechanism in xslt, but I found it
      extremely hard and useless, since with the first request, client
      downloads the entire xml document and it will download it again, if
      he/she goes to other pages.

      Any recommendation how I can perform such function in javascript?
    • Satyam
      You can use a custom formatter for any column in your column definitions. http://developer.yahoo.com/yui/datatable/#format Assuming the received data contains
      Message 2 of 5 , Mar 3, 2008
      • 0 Attachment
        You can use a custom formatter for any column in your column definitions.

        http://developer.yahoo.com/yui/datatable/#format

        Assuming the received data contains the URL of a picture, you could format
        the value as an <img> tag:

        var myColDefs = [
        ..... ,
        {key:'myImage',formatter:function(elCell, oRecord, oColumn, oData) {
        elCell.innerHTML = '<img src="' + oData + '" />';
        }, .... },
        ....
        ];

        Satyam



        ----- Original Message -----
        From: "Mohammad Mohtasham" <mohtasham1983@...>
        To: <ydn-javascript@yahoogroups.com>
        Sent: Monday, March 03, 2008 1:17 PM
        Subject: [ydn-javascript] YUI and paginating xml document


        > Hi,
        >
        > I usually use xslt to represent my xml data in the xhtml format, but
        > this time I have an xml document which has many entries in it. That's
        > why I'm looking for a client side pagination mechanism. I worked with
        > yui datatable client side paginator a few days ago, but I couldn't
        > find a way to show any image inside the table.
        >
        > I tried to implement pagination mechanism in xslt, but I found it
        > extremely hard and useless, since with the first request, client
        > downloads the entire xml document and it will download it again, if
        > he/she goes to other pages.
        >
        > Any recommendation how I can perform such function in javascript?
        >
        >
        >
        >
        > Yahoo! Groups Links
        >
        >
        >
        >
        >
        > --
        > No virus found in this incoming message.
        > Checked by AVG Free Edition.
        > Version: 7.5.516 / Virus Database: 269.21.3/1307 - Release Date:
        > 02/03/2008 15:59
        >
        >
      • Mohammad Mohtasham
        Thank you very much. It was really helpful. Now I m having trouble with oRecord object. I have the width and height property of my image in some other element
        Message 3 of 5 , Mar 3, 2008
        • 0 Attachment
          Thank you very much. It was really helpful.

          Now I'm having trouble with oRecord object. I have the width and
          height property of my image in some other element of my xml document.
          In order to set the width and height of the picture when formatting
          it, I need to have access to other elements other than the current one.

          I found that oRecord object, contains everything I need, but I cannot
          extract its values.

          oRecord is an object which contains another object called _oData.
          _oData has all I need, but when write alert(oRecord.oData.username) it
          says undefined.

          I'm not very familiar with javascript and its object types.

          I would be glad if you help me.

          Thanks


          --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@...> wrote:
          >
          > You can use a custom formatter for any column in your column
          definitions.
          >
          > http://developer.yahoo.com/yui/datatable/#format
          >
          > Assuming the received data contains the URL of a picture, you could
          format
          > the value as an <img> tag:
          >
          > var myColDefs = [
          > ..... ,
          > {key:'myImage',formatter:function(elCell, oRecord, oColumn, oData) {
          > elCell.innerHTML = '<img src="' + oData + '" />';
          > }, .... },
          > ....
          > ];
          >
          > Satyam
          >
          >
          >
          > ----- Original Message -----
          > From: "Mohammad Mohtasham" <mohtasham1983@...>
          > To: <ydn-javascript@yahoogroups.com>
          > Sent: Monday, March 03, 2008 1:17 PM
          > Subject: [ydn-javascript] YUI and paginating xml document
          >
          >
          > > Hi,
          > >
          > > I usually use xslt to represent my xml data in the xhtml format, but
          > > this time I have an xml document which has many entries in it. That's
          > > why I'm looking for a client side pagination mechanism. I worked with
          > > yui datatable client side paginator a few days ago, but I couldn't
          > > find a way to show any image inside the table.
          > >
          > > I tried to implement pagination mechanism in xslt, but I found it
          > > extremely hard and useless, since with the first request, client
          > > downloads the entire xml document and it will download it again, if
          > > he/she goes to other pages.
          > >
          > > Any recommendation how I can perform such function in javascript?
          > >
          > >
          > >
          > >
          > > Yahoo! Groups Links
          > >
          > >
          > >
          > >
          > >
          > > --
          > > No virus found in this incoming message.
          > > Checked by AVG Free Edition.
          > > Version: 7.5.516 / Virus Database: 269.21.3/1307 - Release Date:
          > > 02/03/2008 15:59
          > >
          > >
          >
        • Mohammad Mohtasham
          Please ignore my previous mail. I forgot to write _ before oData. ... oData) { ... That s ... with
          Message 4 of 5 , Mar 3, 2008
          • 0 Attachment
            Please ignore my previous mail. I forgot to write _ before oData.

            --- In ydn-javascript@yahoogroups.com, "Mohammad Mohtasham"
            <mohtasham1983@...> wrote:
            >
            > Thank you very much. It was really helpful.
            >
            > Now I'm having trouble with oRecord object. I have the width and
            > height property of my image in some other element of my xml document.
            > In order to set the width and height of the picture when formatting
            > it, I need to have access to other elements other than the current one.
            >
            > I found that oRecord object, contains everything I need, but I cannot
            > extract its values.
            >
            > oRecord is an object which contains another object called _oData.
            > _oData has all I need, but when write alert(oRecord.oData.username) it
            > says undefined.
            >
            > I'm not very familiar with javascript and its object types.
            >
            > I would be glad if you help me.
            >
            > Thanks
            >
            >
            > --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@> wrote:
            > >
            > > You can use a custom formatter for any column in your column
            > definitions.
            > >
            > > http://developer.yahoo.com/yui/datatable/#format
            > >
            > > Assuming the received data contains the URL of a picture, you could
            > format
            > > the value as an <img> tag:
            > >
            > > var myColDefs = [
            > > ..... ,
            > > {key:'myImage',formatter:function(elCell, oRecord, oColumn,
            oData) {
            > > elCell.innerHTML = '<img src="' + oData + '" />';
            > > }, .... },
            > > ....
            > > ];
            > >
            > > Satyam
            > >
            > >
            > >
            > > ----- Original Message -----
            > > From: "Mohammad Mohtasham" <mohtasham1983@>
            > > To: <ydn-javascript@yahoogroups.com>
            > > Sent: Monday, March 03, 2008 1:17 PM
            > > Subject: [ydn-javascript] YUI and paginating xml document
            > >
            > >
            > > > Hi,
            > > >
            > > > I usually use xslt to represent my xml data in the xhtml format, but
            > > > this time I have an xml document which has many entries in it.
            That's
            > > > why I'm looking for a client side pagination mechanism. I worked
            with
            > > > yui datatable client side paginator a few days ago, but I couldn't
            > > > find a way to show any image inside the table.
            > > >
            > > > I tried to implement pagination mechanism in xslt, but I found it
            > > > extremely hard and useless, since with the first request, client
            > > > downloads the entire xml document and it will download it again, if
            > > > he/she goes to other pages.
            > > >
            > > > Any recommendation how I can perform such function in javascript?
            > > >
            > > >
            > > >
            > > >
            > > > Yahoo! Groups Links
            > > >
            > > >
            > > >
            > > >
            > > >
            > > > --
            > > > No virus found in this incoming message.
            > > > Checked by AVG Free Edition.
            > > > Version: 7.5.516 / Virus Database: 269.21.3/1307 - Release Date:
            > > > 02/03/2008 15:59
            > > >
            > > >
            > >
            >
          • Satyam
            Avoid using properties or methods that start with an underscore, they are meant to be private, though JavaScript has no such thing. It is a convention
            Message 5 of 5 , Mar 3, 2008
            • 0 Attachment
              Avoid using properties or methods that start with an underscore, they are
              meant to be private, though JavaScript has no such thing. It is a
              convention meaning, "this is not meant to be used" and they may vanish with
              no advance notice. Use method getData() instead, which is the supported
              interface.

              Satyam



              ----- Original Message -----
              From: "Mohammad Mohtasham" <mohtasham1983@...>
              To: <ydn-javascript@yahoogroups.com>
              Sent: Monday, March 03, 2008 2:42 PM
              Subject: [ydn-javascript] Re: YUI and paginating xml document


              > Please ignore my previous mail. I forgot to write _ before oData.
              >
              > --- In ydn-javascript@yahoogroups.com, "Mohammad Mohtasham"
              > <mohtasham1983@...> wrote:
              >>
              >> Thank you very much. It was really helpful.
              >>
              >> Now I'm having trouble with oRecord object. I have the width and
              >> height property of my image in some other element of my xml document.
              >> In order to set the width and height of the picture when formatting
              >> it, I need to have access to other elements other than the current one.
              >>
              >> I found that oRecord object, contains everything I need, but I cannot
              >> extract its values.
              >>
              >> oRecord is an object which contains another object called _oData.
              >> _oData has all I need, but when write alert(oRecord.oData.username) it
              >> says undefined.
              >>
              >> I'm not very familiar with javascript and its object types.
              >>
              >> I would be glad if you help me.
              >>
              >> Thanks
              >>
              >>
              >> --- In ydn-javascript@yahoogroups.com, "Satyam" <satyam@> wrote:
              >> >
              >> > You can use a custom formatter for any column in your column
              >> definitions.
              >> >
              >> > http://developer.yahoo.com/yui/datatable/#format
              >> >
              >> > Assuming the received data contains the URL of a picture, you could
              >> format
              >> > the value as an <img> tag:
              >> >
              >> > var myColDefs = [
              >> > ..... ,
              >> > {key:'myImage',formatter:function(elCell, oRecord, oColumn,
              > oData) {
              >> > elCell.innerHTML = '<img src="' + oData + '" />';
              >> > }, .... },
              >> > ....
              >> > ];
              >> >
              >> > Satyam
              >> >
              >> >
              >> >
              >> > ----- Original Message -----
              >> > From: "Mohammad Mohtasham" <mohtasham1983@>
              >> > To: <ydn-javascript@yahoogroups.com>
              >> > Sent: Monday, March 03, 2008 1:17 PM
              >> > Subject: [ydn-javascript] YUI and paginating xml document
              >> >
              >> >
              >> > > Hi,
              >> > >
              >> > > I usually use xslt to represent my xml data in the xhtml format, but
              >> > > this time I have an xml document which has many entries in it.
              > That's
              >> > > why I'm looking for a client side pagination mechanism. I worked
              > with
              >> > > yui datatable client side paginator a few days ago, but I couldn't
              >> > > find a way to show any image inside the table.
              >> > >
              >> > > I tried to implement pagination mechanism in xslt, but I found it
              >> > > extremely hard and useless, since with the first request, client
              >> > > downloads the entire xml document and it will download it again, if
              >> > > he/she goes to other pages.
              >> > >
              >> > > Any recommendation how I can perform such function in javascript?
              >> > >
              >> > >
              >> > >
              >> > >
              >> > > Yahoo! Groups Links
              >> > >
              >> > >
              >> > >
              >> > >
              >> > >
              >> > > --
              >> > > No virus found in this incoming message.
              >> > > Checked by AVG Free Edition.
              >> > > Version: 7.5.516 / Virus Database: 269.21.3/1307 - Release Date:
              >> > > 02/03/2008 15:59
              >> > >
              >> > >
              >> >
              >>
              >
              >
              >
              >
              >
              > Yahoo! Groups Links
              >
              >
              >
              >
              >
              > --
              > No virus found in this incoming message.
              > Checked by AVG Free Edition.
              > Version: 7.5.516 / Virus Database: 269.21.3/1307 - Release Date:
              > 02/03/2008 15:59
              >
              >
            Your message has been successfully submitted and would be delivered to recipients shortly.