Spry tables: Sort by date

I need a spry table to sort by title and date columns; the
title works fine by selecting the 'sortable column' option when
making the table - this didn't work for the date column, but I
think this was because the excel/xml data used had the date info in
a text format. Once I'd formatted the date column cells in excel
doc as 'date' in (e.g.) Jan-07 format, the xml conversion changed
the data to what i think is the standard date format (e.g.
2007-07-01 00:00:00). Making this column sortable resulted in rows
being rearranged in the spry table, but not in any logical order.
please help!
many thanks,
S
(apologies if that was long-winded, wasn't sure whether you
needed any context)

You cannot sort a formatted date by default using the Spry. How is the data stored, in XML or HTML? And is the date stored as a formatted date or a timestamp? What is typically suggested is that you store the dates in two formats. First is a timestamp format or a formatted date as yyyy-mm-dd. You use that column to sort and then you have a date formatted however you want in a second column and that gets displayed to the user.
You can see more about this in the following thread: http://forums.adobe.com/thread/85718
The problem with the dd/mm/yy format is that Spry (and many other solutions) read the information as plain text. So here's a quick example of oldest to newest
30122011 - Dec 30, 2011
31012011 - Jan 31, 2011 - January would come after Dec
01302011 - Jan 31, 2011
01312010 - Jan 30, 2010 - 2011 would be before 2010
20100131 - Jan 31, 2010
20110131 - Jan 31, 2011
20111230 - Dec 30, 2011 - In this format all numbers show up in numerical order.

Similar Messages

Spry Tables and Xml Data Sets viewed in IE7

Has anyone ever run into a problem with Spry Tables and Xml
Data Sets viewed in IE7? Work fine in IE6 and Firefox, but get the
error "exception caught while loading feed.xml: [object Error]" in
IE 7. Any ideas?
Attached is the xml I'm using.
Thanks

I came looking for the answer to this question. I could not
find an answer. Eventually I found it the answer that worked for
me, a graphic designer with not much experience in xml.
The following url provided an errata file in PDF format:
www.peachpit.com/dwcs3cib
which includes the following addendum to the incomplete
instructions in the book i was using to learn about spry:
"If Internet Explorer 7 is your primary browser, you'll nee
to take some extra steps to view spry dynamic content locally.
First, your site must be within the local server webroot; be sure
your Lessons folder is stored within the Inetpub>wwwroot folder.
Next, double-click the site name in the files panel to open the
Site Definition dialogue. Click the Testing Server category; from
the Access List choose Local/Network. Click Okay to close the Site
Definition dialogue. Now, when you preview your page with Internet
Explorer, your local Web server (localhost) serves the page as
designed."
Horray for me! Now i can move on from here and actually get
some work done!

Spry table sort

It's taking 2 clicks in a browser to get table columns to sort by the headers. First click does nothing, second makes the sort happen.
Is there a way to get the sort done in 1 click?

This example sorts spry headers in one click. View source and cross reference your code.
Your first click may be doing something; sorting by column that is already sorted. Sense it's already sorted it looks like it's not doing anything when it is. Second click sorts the opposite way and that's why it shows sort effect at that time.
One can only speculate sense no page has been provided. As suggested cross reference working example against your code to discover solution.

Spry Table

Hello, I am using an XML file that has been exported from an
Access 2007 database for the spry table. The data displays in the
table just fine. Is there any way to automatically refresh the data
in the export when the database gets updated? Thank you much!
jim

That code should go in your call back function, its the code
that fires after the update has been perfomred. It depends on how
your updating your database, but normally its a javascript function
that is called after you insert to the database.
Look at this link and check the Spry Datasets tab for
loadData
http://labs.adobe.com/technologies/spry/articles/data_api/index.html
Also look at this for some examples
http://labs.adobe.com/technologies/spry/samples/
Also check this forum out
[L=http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602]

Sorting numberic data in a spry table

First Problem:
I am having trouble getting an secondary sort to work in a
spry table. As long as I do a single sort every thing works just
fine, but as soon as I try to do a secondary sort.... nothing
works.
Second Problem:
The data I am using ranges from 0 to 10. When I sort "1" and
"10" end up being right next one each other, but the 10 should be
on top. So the sort ends up as 9,8,7,6,5,4,3,2,10,1. when it should
be 10,9,8,7,6,5,4,3,2,1.
I'm sure it is something simple that I have not figured
out.... has anyone else run into this and solved it?
thanks,

there is an issue with this, regardless if you do ds1.setColumnType("Q407Q207A", "number"); the Damn thing does not sort negative numbers. Is there a way to fix this, You know what amazes me is that people would not take this into consideration, yeah lets release a framework with half the basic functionality. Sorry don't mean to complaint but I've been trying to find a fix for this for over a month and nothing not on the Live Docs nor out there on the WEB.

Sorting by date in table?

I am new to using Spry Data Tables and I am having some problems. I need to sort a table by a few different feilds. All of them are working except for the date column. It will sort if I change the type to "script" but it does not sort in the right order. I can not get it to sort by the type "date". Any ideas?
Also, I am having problems with the original table and the spry table. The original table is in the same html document as my spry table. i followed a tutorial to try to set up my own document and everything looks just like the tutorial but only with my information. It says that once you view the page in the browser the origianl table will not be displayed but I am still getting two tables showing in my browser, the spry sortable table and the original table (non sortable) underneath. How do I get it to only display the sortable table but still pull information from the original?
Thanks.

To sort selected rows make the selection then open the "Sort & Filter" tool (top-right corner):
Then add a column using the "Add a Column..." button. Now select the column and the sort direction

Sorting a Spry Table

For a table listing events and fed by an xml file I need to sort the date and time columns. First priority is date, second is time. This is possible in a regular html table, but not an option in spry tables, at least not in CS 3 which I am using.
It probably needs some change in the JavaScript to do that. Any help with that is greatly appreciated. Thanks.

Click the column headers here http://labs.adobe.com/technologies/spry/samples/data_region/DataReferences.html and here http://labs.adobe.com/technologies/spry/samples/data_region/SortSample.html
For a table listing events and fed by an xml file I need to sort the date and time columns. First priority is date, second is time. This is possible in a regular html table, but not an option in spry tables, at least not in CS 3 which I am using.
Sorting is a built-in Spry function.
It probably needs some change in the JavaScript to do that.
Under normal circumstances, it is advisable not to touch the Spry JS files.

SPRY - sorting UK dates

I have created a SPRY sortable table in Dreamweaver CS4. Two columns are formatted as UK dates dd/mm/yyyy. They are identified as dates in the SPRY table.
When sorting these date columns SPRY is reading them as US date format which means the sorting is, while not quite random, pretty meaningless. I have checked this by reformatting and displaying the date as US date format mm/dd/yyyy and then SPRY sorts them as expected.
Would appreciate some help with how I retain the UK date appearance and achieve a sort on that basis. Is there a localisation file somewhere in the SPRY framework that allows date formats to be identified?
If not, can anyone advise how to resolve this?
Thanks in advance for any help.

The root of the issue is that using JavaScript to a string into a date easily lead to inconsistent, unexpected results.
The way I solved this in the past is to have two columns inside my Spry datasets. One stores the date in yyyy-mm-dd format (ISO 8901, the format typically used by databases), another one stores a nicely formatted date (whatever format the language dictated).
Then I always display the nicely formatted column, but I sort it only the yyyy-mm-dd one.
As a bonus, yyyy-mm-dd sorts okay just as a string, so I have no need to assign a different datatype to it.

How to open a new page from a Spry Table click, with element info?

Hello, Spry experts!
This is probably simple, but I've searched for hours and can't find what I need. I'm using Dreamweaver CS4 and Spry 1.6.1 to create a simple Spry Table from an XML data set using PHP as my back end. I've used Dreamweaver's Insert->Spry->Spry Data Set to create everything, and the table is working fine. Colors, clicks, sorts, etc., are all working correctly as expected.
What I want is to be able to add a behavior such that when a table row is clicked, I can open a new page. Moreover, I want to pass a parameter from the table to the new page, like http://www.mydomain.com/newpage.php?aid=12345 or whatever.
So, for example, my table has two columns, "a_id" and "a_name", and my repeat region looks like this:
<div spry:region="xml_assignments">
<table width="500">
<tr>
<th spry:sort="a_id" class="spry_header">ID</th>
<th spry:sort="a_name" class="spry_header">Assignment</th>
</tr>
<tr spry:repeat="xml_assignments" spry:setrow="xml_assignments" spry:odd="spry_odd" spry:even="spry_even" spry:hover="spry_hover" spry:select="spry_select">
<td>{a_id}</td>
<td>{a_name}</td>
</tr>
</table>
</div>
What I want is to be able to open an entirely new URL, passing the value of the {a_id} in the selected row as a parameter to the new URL, as in something like: http://www.mydomain.com/newpage.php?aid={a_id}
So my questions are:
1. How best to apply the action to the table? Add an onclick to the tr tag? Something else?
2. How to extract the {a_id} value from the current row and pass it as a parameter to the action?
Or maybe just take another approach entirely?
I know that I can make the actual text in the table cells hyperlinks, and use them to link to the new page, which is fine. The desire here is just to make it so that the user can click "anywhere" on the table row (as they can currently do with the spry:select behavior) and have the link kick off, whether they actually click on the linked text or somewhere in the row where there is no text.
I'm sure this is obvious and simple, but I'm new to this level of Spry detail, and my brain is fried from hunting. Any guidance will be gratefully appreciated!
Glen Barney

I found the answer myself, after posting this, of course!
I changed:
<tr spry:repeat="xml_assignments" spry:setrow="xml_assignments" spry:odd="spry_odd" spry:even="spry_even" spry:hover="spry_hover" spry:select="spry_select">
to
<tr spry:repeat="xml_assignments" spry:setrow="xml_assignments" spry:odd="spry_odd" spry:even="spry_even" spry:hover="spry_hover" spry:select="spry_select" onclick="window.location.href='./newpage.php?aid={a_id}';">
Basically just added the onclick parameter...
And it all just worked!

How to update Spry-table and present the updated table in a div element?

Hello!
I am using a very interesting AJAX-framework called Spry when designing a web page. Here the web page is: Link.
I need some help.
Every time a new project or shift is added, the changes are written to an xml-file. When the page is reloaded, Spry reads data from xml-files.
This is caused by this code:
dsProjects = new Spry.Data.XMLDataSet("timetable/projects.xml", "projects/project");
dsShifts = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project/shift"); //look inside projects.xml and //extrac xml-file. url
dsName = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project");
I call this function that I have written: loadProjectsIntoDivElement ().
This function does the following: [See attached code.]
It iterates through the Spry-datastructure and puts the data in a table inside of the div-element called 'projectsList'.
Now, when I add a new project, I want it to be inserted into the Spry-datastructure and then cause the new data to be written into the div element called 'Specials_DIV'.
I have found out how to update a Spry-datastructure (e.g. dsProjects above), but I don't know how to update the table containing the data without refreshing the page. This should be done using Spry.
Some code:
1:
2:
3:
function loadProjectsIntoDivElement () {
$('#projectsList').html('');
$('#projectsList').append('<table id="Specials_Table"><tr><th spry:sort="id">ID</th><th spry:sort="NAME">Name </th><th spry:sort="hoursestimated">Nr. of hours estimated</th><th spry:sort="hoursworked">Nr. of hours worked</th><th spry:sort="costperhour">Cost per hour.</th></tr>{function::init_hours}<tr spry:repeat="dsProjects" onclick="chooseProject({ds_RowID})"><td>{id}</td><td>{NAME}</td><td>{hoursestimated}</td><td>{hoursworked}</td><td>{costperhour}</td></tr></table><br/>{function::get_hours}<br/>');
I have tried to accomplish this in various ways but I don't succeed.
I want to do it without refreshing the page.
Update: I found some code here that I will try: Link
Thanks in advance!
Anders Branderud
My blog

Hello!
Thanks!
I don't succeed with the implementation in any browser.
I have found a way to it, but I would like a way that updates the data quicker and without reloading all of the page. After all, I am only adding one row on the end of the data structure, so there should be no need to read in all data again.
Now I do it like this:
When a project is added, do this:
1. Store a new row in the project file through a php script.
2. When the post-call to the php-file returns, do refresh of the whole page.
Then the newest version of the xml file will be read in.
However, I don't want to read the data from a xml file each time that a new project is created.
I know how to add the new data to a Spry-datastructure [in my code 'dsProjects'], but I don't know how to display the updated data without reloading the whole page.
I have tried some various ways to do it, but haven't succeded.
Thanks!
Anders Branderud

Using javascript to dynamically generate the html for a Spry table

I have some javascript which generates html code for a Spry
table which displays the content of a Spry data set. The problem is
that after I generate the html, Spry never fills in the values for
the table.
Here's what I'm doing:
Using a data set observer, check for onPostLoad and generate
the html code
Using innerHTML, stuff the code into the appropriate
<div>
Use regionName.updateContent() to update the region I just
created with the html code I generated
Interestingly, if I take the generated source for my page and
remove the data set observer, the Spry table displays correctly
with all the expected values. This suggests to me that my generated
html code is correct, but that there is some sort of timing issue
(i.e. Spry doesn't know about the new code I generated).
Any suggestions?

jalperin wrote:
> Here's what I'm doing:
>
Using a data set observer, check for
onPostLoad and generate the html
> code
>
Using innerHTML, stuff the code into
the appropriate <div>
>
Use regionName.updateContent() to
update the region I just created
> with the html code I generated
>
> Interestingly, if I take the generated source for my
page and remove the data
> set observer, the Spry table displays correctly with all
the expected values.
> This suggests to me that my generated html code is
correct, but that there is
> some sort of timing issue (i.e. Spry doesn't know about
the new code I
> generated).
>
> Any suggestions?
I'd guess that it is a timing issue as well. I haven't looked
much at the dataset capability in Spry, but it may be that the
dataset "finds" all of the regions and code that it applies to
before the onPostLoad event is triggered. If that is the case, then
your generated code doesn't exist yet,and so the dataset thinks
that there is nothing for it to apply to.
Will the HTML that you generate change based upon the dataset
that is actually returned? I guess I'm looking for the reason why
the HTML is being generated when it could be in the page itself and
avoid this issue completely.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Spry Table works in Firefox but not IE

I have a Spry table working just fine in Firefox in a site
I'm developing:
http://www.abenaki.com/newsite/schedule.html,
but in IE 6 and 7 it first shows the table, unpopulated, and then
disappears altogether. I'm new to Spry and XML... have I done
something wrong? Any light anyone could shed would be hugely
appreciated! Thank you!!
The XML looks like this:
<?xml version="1.0" encoding="utf-8"?>
<courses>
<course id="1">
<name>New! Introduction to Social Assistance and Case
Management</name>
<location>Winnipeg</location>
<startdate>10 21 2008</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>This course covers the setup, daily and periodic
procedures for Abenaki’s Social Assistance and Case
Management Module.Topics to be covered include: organization
profile setup, rate maintenance, security, vendor and client
maintenance, cheque production in Sage Accpac, cheque production in
the Social Assistance module, reports, case planning, month and
year end processing.</desc>
</course>
<course id="2">
<name>Introduction to Safe Water Infrastructure
Management System</name>
<location>Moncton</location>
<startdate>10 28 2008</startdate>
<duration>2 days</duration>
<price>$1295</price>
<desc>No description available at this
time.</desc>
</course>
<course id="3">
<name>Introduction to Housing Inspection and Management
System</name>
<location>Moncton</location>
<startdate>10 30 2008</startdate>
<duration>1 day</duration>
<price>$495</price>
<desc>This introductory level course covers all of the
steps involved in the data entry and report generation for housing
units in the community. Topics to be covered include: rating the
condition and estimated cost to repair of the interior, exterior,
amenities, fire and health hazard items. Students will learn how to
generate reports to identify housing units in need of minor or
major repairs and those units that are potential fire and/or health
hazard.</desc>
</course>
<course id="4">
<name>New! Post Secondary Education and Student
Tracking</name>
<location>Winnipeg</location>
<startdate>11 12 2008</startdate>
<duration>3 days</duration>
<price>$1595</price>
<desc>No description available at this
time.</desc>
</course>
<course id="5">
<name>New! Introduction to Social Assistance and Case
Management</name>
<location>Edmonton</location>
<startdate>11 18 2008</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>This course covers the setup, daily and periodic
procedures for Abenaki’s Social Assistance and Case
Management Module.Topics to be covered include: organization
profile setup, rate maintenance, security, vendor and client
maintenance, cheque production in Sage Accpac, cheque production in
the Social Assistance module, reports, case planning, month and
year end processing.</desc>
</course>
<course id="6">
<name>Introduction to Safe Water Infrastructure
Management System</name>
<location>Edmonton</location>
<startdate>11 18 2008</startdate>
<duration>2 days</duration>
<price>$1295</price>
<desc>No description available at this
time.</desc>
</course>
<course id="7">
<name>Introduction to Housing Inspection and Management
System</name>
<location>Edmonton</location>
<startdate>11 20 2008</startdate>
<duration>1 day</duration>
<price>$495</price>
<desc>This introductory level course covers all of the
steps involved in the data entry and report generation for housing
units in the community. Topics to be covered include: rating the
condition and estimated cost to repair of the interior, exterior,
amenities, fire and health hazard items. Students will learn how to
generate reports to identify housing units in need of minor or
major repairs and those units that are potential fire and/or health
hazard.</desc>
</course>
<course id="8">
<name>Sage Accpac ERP 5.5 Refresher</name>
<location>Moncton</location>
<startdate>01 20 2009</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>No description available at this
time.</desc>
</course>
<course id="9">
<name>Sage Accpac ERP 5.5 General Ledger and Accounts
Payable</name>
<location>Winnipeg</location>
<startdate>01 20 2009</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>No description available at this
time.</desc>
</course>
</courses>
Abenaki Course
Schedule

The reason its not working its because its "crashing" at the
sort function in IE, I have no clue why.
To be more specific,, this part of the SpryData.js
if (this.unfilteredData)
this.unfilteredData.sort(sortfunc);
if (this.filterFunc)
this.filter(this.filterFunc, true);
else
/*this->*/ this.data.sort(sortfunc);
Maby try to delete the setColumnType for your startdate, to
see if that helps. Because your startdate is not a "valid" date
string. (i think)

Spry sortOnLoad today's date

Hello,
I have the following XML sheet:
<Films>
film id="1">
    <date>25 et 26 août 2009 </date>
    <titre>THE WRESTLER </titre>
<image>i/wrestler.jpg</image>
    <details><![CDATA[<a href="The Wrestler.doc">DOCUMENTATION</a>]]></details>
</film>
<film id="2">
    <date>28 et 29 août 2009 </date>
    <titre>LES NOCES REBELLES (Revolutionary Road) </titre>
<image>i/noces.jpg</image>
    <details><![CDATA[<a href="Les Noces rebelles.doc">DOCUMENTATION</a>]]></details>
</film>
<film id="3">
    <date>1 et 2 septembre 2009 </date>
    <titre>FROZEN RIVER</titre>
<image>i/frozen.jpg</image>
    <details><![CDATA[<a href="Frozen River.doc">DOCUMENTATION</a>]]></details>
</film>
The sortOnLoad is "@id" at the moment, but could be changed to a yyyy-mm-dd format
Is there a way to make the spry sortOnLoad show only the events from today onwards when the page loads. In other words, when their date is passed, the past events should disappear ?
Thanks in advance
Daniwen

I followed the link you gave me and it works like a charm ! I don't understand much so it feels like a miracle to me !!
Two details though:
1. Do I really need to put all these zeros (I understand this is the time) ? Here is some of my XML file:
<film id="01">
<enddate>2009-06-27 00:00:00.000</enddate>
    <date>25 et 26 juin 2009</date>
    <titre>THE WRESTLER</titre>
<image>i/wrestler.jpg</image>
<word>images/word.jpg</word>
    <details><![CDATA[<a href="The Wrestler.doc" target="blank">DOCUMENTATION</a>]]></details>
</film>
2. I tried to sort according to the enddate:
var ds1 = new Spry.Data.XMLDataSet("Calendrier.xml", "Films/film",{sortOnLoad:"enddate",sortOrderOnLoad:"ascending"});
and:
<div spry:region="ds1">
        <table width="240">
          <tr>
            <th width="96" spry:sort="enddate">Date</th>
            <th width="132" spry:sort="titre">Titre</th>
          </tr>
But nothing happens when I click on the column title . If I sort according to the "@id", no problem, it works. Why is that ?
Thanks for your advice, I really appreciate
Daniwen

Insert additional spry table into existing region

<agent>
<name><![CDATA[ ]]></name>
<desc><![CDATA[test]]></desc>
<forms>
<form>
<formname>Agent Appointment</formname>
<formnum>FORM 204</formnum>
<url>insurance/agents/pdf/form204.pdf</url>
</form>
</forms>
</agent>
<agent>
<name><![CDATA[ ]]></name>
<desc><![CDATA[test]]></desc>
</agent>
I have the above structure, only one set has the forms
structure. I can pull in a sortable table anywhere on the page and
it works, but I do not know how to put the table as the data for
only one data set. {desc}
<div spry:detailregion="dsAgentFeatures dsAgentForms">
<div>
<div align="left"><span class="style1">{desc}
</span><br /></div>
I put the table below this field and it appears for each row,
how can I get it to appear for only one selection?
I also tried putting the table as the {desc} field,
<desc>
<table>
<tr>
<th spry:sort="formname">Formname</th>
<th spry:sort="formnum">Formnum</th>
</tr>
<tr spry:repeat="dsAgentForms" spry:odd="oddrow"
spry:even="evenrow" spry:hover="rowHover">
<td>{dsAgentForms::formname}</td>
<td>{dsAgentForms::formnum}</td>
</tr>
</table>
</desc>
but only the table structure shows when clicked. I also
thought of nesting the forms section within the desc tag, but I
still don't know how to call a table with the data....Anyway I am
confused, any help pointing me in the right direction would be
greatly appreciated.
http://www.nmprc.state.nm.us/als2.htm
It is the Forms Listing entry I am having trouble with

I believe that I did understand your question. To focus-in a bit for you, near the bottom of page 56 you will find:
Working with Document Parts Reusing Sections You can make a section in a document reusable by adding it to the pop-up menu that appears when you click Pages in the toolbar.
To reuse some or all the pages in a section:
1 Select the section in the thumbnail view.
2 Choose Format > Advanced > Capture Pages.
3 In the dialog that appears, type a name for the page or pages, use the Include pop-up
menu to indicate which pages you want to reuse, and then click OK.
The page or pages are available in the pop-up menu that appears when you click the
Pages button in the toolbar.
Isn't this what you were looking for?
Regards,
Jerry

Spry Table - way to select only parts of the dataset to be displayed?

I have been enjoying putting together a simple spry table (DW CS3) that pulls data from an xml file. At this point when the table loads it pulls all rows from the dataset and displays them in the table. My question: is it possible to create a link or some way to pull only certain rows to be displayed. For instance if the data was about donuts and included, 4 chocolate, 6 glazed and 5 plain, is there a way to only display the 6 glazed? I have thirty rows of data and it is just a bit too much for people to be able to go through with ease and would love to have the ability to "sort" by asking for only certain types of data and then having those types displayed.
Is there a way to do this?
Thanks
Tom

You can apply filters to your data set.
These samples might help you out:
Filtering with XPath
Multiple Non-Destructive Filters
Multiple Non-Destructive Filters Mode
Non-destructive Filter
XPath filtering with URL Params
URL Utils with Spry Data
Hopes this helps

Spry tables: Sort by date

Similar Messages

Maybe you are looking for