Hi,

I am novice, so please forgive me if my question is too stupid.

I wonder whether YUI possible for XUL.
As long as XUL promises native OS applications, and fully supports javascript,
I could imagine some sort of compatibility, and thus reusing YUI widgets
within XUL application.

TIA for fruitful comments on the subject!
Vadim.

 
 

Ok I found out that I needed to include swf-min.js now. It worked nicely, except that ExtJs chart's wraping isn't working. Afaik ExtJs, uses the swf directly and not the whole yui stack, and from what I can discover, it seems the swfReady event isn't firing. Do you know of any changes that could have created this problem?

On Sun, Sep 6, 2009 at 22:52, Alexandre Miguel Pedro Gomes <alexmipego@...> wrote:

I've managed to apply your tips sucessfully and build the head without the need to patch anything. Still, I can't see anything when I run my code, the flash area is there alright but nothing is drawn which is the same thing that was happening to me before. I discored that when I installed Flash CS3 it overwrote my browser's plugins to the version 9, I managed to counter that by reinstalling flash 10 from adobe's site but still I can't see anything in the charts area. Please advise :)


On Sun, Sep 6, 2009 at 21:20, Dwight Bridges <trippb@...> wrote:

 
 
 

YUI Charts uses the CS3 component architecture so you will need to have a flash installation to have the library. The updates to YUI involve flash player 10 updates to actionscript and are not specific to the CS architecture. As long as you have an updated (fp10) flex sdk, you should be fine with either flash version. (CS3 or CS4) I actually have both on my box but I am pointing to CS3 for my builds.

Tripp



On 9/6/09 1:05 PM, "Alexandre Miguel Pedro Gomes" <alexmipego@... <http://alexmipego@...> > wrote:

 
 

Hi,

Nice, 2 quick question though:

In build.properties I've something like:

#flexbin: you will need to change the source of this property to match the location of the flex bin directory on your machine
flexbin=C:/Projects/flex/bin

#flashbin: you will need to change the source of this property to match the location of your Adobe Flash CS3 files
flashbin=C:/Programas/Adobe/Adobe Flash CS3

In order to build the HEAD revisions (after doing that flex config changes) will I need Flash CS3 or Flash CS4 installed? Is there anyway not to have Flash installed at all? That would be wonderful!

Cheers,

On Sun, Sep 6, 2009 at 20:35, Dwight Bridges <trippb@... <http://trippb@...> > wrote:

Hi Alexandre,
YUI Charts has added flash player 10 functionality. (charts is still compatible in 9, just not the additional functionality) In order to compile, you will need update your flex-config.xml (located in the frameworks directory of your flex sdk) file to compile in 10.  The nodes you need to change are listed below.

<target-player>10</target-player>

<external-library-path>          
    <path-element>libs/player/10/playerglobal.swc</path-element>
</external-library-path>

<library-path>
             <path-element>libs</path-element>   
    <!-- keep the original location in the libpath for backwards-compatibility -->
             <path-element>libs/player</path-element>
             <path-element>libs/player/10</path-element>    
    <path-element>locale/{locale}</path-element>
</library-path>

Making the above changes should take care of the issue and you should be able to compile on any os.

This information can be found here for reference:
http://opensource.adobe.com/wiki/display/flexsdk/Targeting+Flash+Player+10

Information on contributing to yui is contained here:
http://developer.yahoo.com/yui/community/contribute.html

Please post back with any more questions or issues.

Tripp





On 9/6/09 11:45 AM, "Alexandre Miguel Pedro Gomes" <alexmipego@... <http://alexmipego@...>  <http://alexmipego@...> > wrote:

I've created a page on my website to show & explain my intentions. I've also setup a git fork to store my work and share it. Please take a look and share your opinions.

http://www.alexandre-gomes.com/opensource/yui.php

On Fri, Sep 4, 2009 at 08:16, Alexandre Miguel Pedro Gomes <alexmipego@... <http://alexmipego@...>  <http://alexmipego@...> > wrote:

Hi,

I've been trying to implement some features into YUI charts and I've had a really long and painful trip starting with getting the charts to build! I tried on a OS X machine with CS4 without success and following the tips on the build.properties I assumed CS3 was required for it. After installing Flash CS3 (now on a windows machine) I found out that the build failed on account of FileReference.Save not existing (according to my findings, thats exclusive to Flash 10 and, I guess, thats CS4 only...). Anyway, building the HEAD revision after commenting the 2 calls to that method was successful but I'm afraid I couldnt see the charts on any existing or new test page... dunno why. I found out how to revert to the 2.7.0 tag on git (I'm a svn kind of guy :)) and it worked flawlessly.

What I wanted was some help from you on  what do I need to setup to be able to build and run the HEAD version (any OS is fine by me). Also, I implemented a cubic bezier function and added a new style option to the LineSeries to make the lines smoother (I must admit though that sometimes, depending on the data, the result isn't always best). If you are interrested in porting the changes to the HEAD revision (it isn't that much code) it would be nice. I would like to know any problems on the code or pratices submiting patches to YUI because I'm used to contribute to open source projects but I'm new to ActionScript.

Regards,

 
    

Hi,

I have a dataTable to list Contact Name and Address. However the Up/Down arrow
heads did NOT show on column header when I clicked either column headers to sort
columns. It happened when the application was running in Mac OSX. If I launched
my application in Windows XP box, the Up/Down arrow heads appeared on column
header properly.
Does anyone know how to fix it?
Here is my snippet:

<script type="text/javascript">


  YAHOO.util.Event.addListener(window, "load", function() {

	  var myDataSource = new YAHOO.util.XHRDataSource("/admin/data.html");

		 myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;

		 myDataSource.responseSchema = {
			 resultsList: "ResultSet.Results",
			 fields: [
				 "ContactID",
				 "FullName",
				 "Address"
				 ]
			 };


	  	 var myColumnDefs = [
			 {key:"ContactID", hidden:true, sortable:true},
			 {key:"FullName", label:"Full Name", sortable:true,
sortOptions:{defaultOrder:"asc"}, resizeable:true, minWidth:50},
			 {key:"Address", label:"Address", sortable:true, resizeable:true,
minWidth:160}

		 ];

		 var tblConfig = {

		 };

		 myDataTableId = new YAHOO.widget.DataTable("dataTableContainer", myColumnDefs,
myDataSource, tblConfig);
		 myDataTableId.set("MSG_EMPTY", "Loading details ...");


	 });
</script>


<div id="content">
	 <div id="ListArea">
		 <div class="row" align="center">

<table>
   <tr>
     <td>

		 <div id="dataTableContainer"></div>

     </td>
   </tr>
</table>

		 </div>
	 </div>
</div>


Thank you

Patrick

Hi,

I'm an absolute virgin w.r.t. to YUI.

I have a story to implement where I need to implement the YUI tree structure on
the page. Well this part is done.

Now the issue is to implement multiple treeview structure on the same page.

When I dynamically write the script on the page only the last tree is generated
and the previous once are over written.

any help asap would highly appriciated.

Why menu yui is appear behind object flash ?
I have try to add attribute iframe=true, it's fix problems on IE not on
Mozilla.

http://www.nabble.com/file/p25324921/view.jpg


--
View this message in context:
http://www.nabble.com/YUI-Menu-Behind-Java-Applet-tp20072077p25324921.html
Sent from the ydn-javascript mailing list archive at Nabble.com.

How for flash ? I have same problem. The YUI menu appear behind my flash.  I
use yui 2.5.1 and firefox 3.0.13.
I have try to add attribute iframe=true, it's fix problems on IE not on
Mozilla.

http://www.nabble.com/file/p25324921/view.jpg


Todd Kloots wrote:
>
> Yan -
>
> Not a known behavior because I never tested using Firefox on Linux as
> is not considered an A-grade browser.
>
> - Todd
>
> On Dec 15, 2008, at 8:08 AM, yan_shepetovskiy wrote:
>
>> Hi Todd,
>>
>> We have found that in FF for Linux the use of IFrame causes the
>> submenus to render visibly at the top of the page before settling in
>> their correct location. This causes an unsightly flash for the user.
>> I think it happens (we use 2.5.1) because of incorrect initial state
>> of the IFrame (visibility and location).
>> Before I jump in and try to dig dip inside the overlay and other
>> classes, I'd like to ask some questions:
>> - is it a known behavior?
>> - have the FF for Linux ever been tested?
>> - Is the FF for Linux even considered as A-grade browser?
>>
>> Thank you,
>> Yan
>>
>> --- In ydn-javascript@yahoogroups.com, Todd Kloots <kloots@...> wrote:
>> >
>> > David and Eric -
>> >
>> > Todd Kloots here - author of YUI Menu. I looked into this issue
>> for
>> > you. Seems like use of an <iframe> shim is the only way to prevent
>> a
>> > Java Applet from poking through YUI Menu instances. However, the
>> > <iframe> shim solution only works for IE 6, IE 7, Firefox 2 Win
>> and
>> > Firefox 3 Win.
>> >
>> > The YUI Menu widget provides an "iframe" configuration property
>> that
>> > you can use to turn on the use of an <iframe> shim. Here is an
>> > example for you:
>> >
>> > http://yuiblog.com/sandbox/yui/v260/examples/menu/example16.html
>> >
>> >
>> > Here are my finds for Opera (Mac & Win), Firefox for Mac OS X and
>> > Safari:
>> >
>> > - Opera Mac & Win
>> > - Submenus still appear behind applet
>> >
>> > - Firefox 2 & Firefox 3 Mac
>> > - Submenus appear on top when they are initially displayed,
>> below on
>> > subsequent display
>> > - mouseover and mouseout events are swallowed by the applet,
>> meaning
>> > MenuItems aren't selected on mouseover
>> >
>> > - Safari
>> > - Applet content appears above submenus
>> >
>> > I hope that helps.
>> >
>> > - Todd
>> >
>> > On Oct 20, 2008, at 8:28 AM, a Eric Daniel Leon Gonzalez wrote:
>> >
>> > >
>> > > Hey,
>> > >
>> > > I have the same kind of problem and I continue waiting for a fix.
>> > >
>> > > Eric
>> > >
>> > >
>> > > Hello,
>> > >
>> > > The site I am working on uses the YUI menu. One page has a Java
>> applet
>> > > on it to display a dynamic data feed. The applet is appearing on
>> top
>> > > of the menu items when they are dropped down. Is there any way we
>> can
>> > > fix this? Will applets always display on top of the menu items?
>> > >
>> > > Thanks
>> > >
>> > >
>> > >
>> > >
>> >
>>
>>
>>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
>
>

--
View this message in context:
http://www.nabble.com/YUI-Menu-Behind-Java-Applet-tp20072077p25324921.html
Sent from the ydn-javascript mailing list archive at Nabble.com.

Hi,

When I try to call setAllowMultipleFiles(true) on a new YAHOO.widget.Uploader,
it fails for the reason stated in this message's subject. Am I doing something
wrong?

YAHOO.util.Event.onDOMReady(function() {
                             YAHOO.widget.Uploader.SWFURL = '/.../uploader.swf';
                             var uploader = new
YAHOO.widget.Uploader('uploaderOverlay');
                             uploader.setAllowMultipleFiles(true);
                             uploader.addListener('fileSelect', onFileSelect);
                             });

Thanks,
H

My guess is the error happened because the flash component had not loaded yet.
Try to call uploader.setAllowMultipleFiles(true) in the contentReady handler.
See if it still happens.

Code Example:
uploader.addListener('contentReady', handleContentReady);
function handleContentReady () {
		 // Allows multiple file selection in "Browse" dialog.
		 uploader.setAllowMultipleFiles(true);
}


regards,
Bill

--- In ydn-javascript@yahoogroups.com, "hatfinch" <hamish@...> wrote:
>
> Hi,
>
> When I try to call setAllowMultipleFiles(true) on a new YAHOO.widget.Uploader,
it fails for the reason stated in this message's subject. Am I doing something
wrong?
>
> YAHOO.util.Event.onDOMReady(function() {
>                             YAHOO.widget.Uploader.SWFURL =
'/.../uploader.swf';
>                             var uploader = new
YAHOO.widget.Uploader('uploaderOverlay');
>                             uploader.setAllowMultipleFiles(true);
>                             uploader.addListener('fileSelect', onFileSelect);
>                             });
>
> Thanks,
> H
>

Eric P wrote:
> Hi,
>
> I have a couple dynamically placed YUI menus that do not stay aligned.
>
> Example reference:
> http://epierce.freeshell.org/YUImenutest.html
>
> In the example there are two div blocks.  Each has an expander link
> ('+/-') and a 'menu' link.
>
> The menus are aligned correctly initially, but once you expand the top
> div, the bottom div's menu's alignment gets messed up.
>
> I have positioned each menu with a line like the following.
> menu01.cfg.setProperty("context", ["menu01Holder", "tr", "br"]);
>
> And this is the only way I figured out how to get the menus to appear
> exactly where I want them (i.e., under the 'menu' link).  But it appears
> any changes to the content above any element positioned in the manner
> message up the positioning.
>
> Thanks for any ideas.
> Eric P.
>
> Ps. I've learned that I can rerun the setProperty lines after a div is
> toggled open/close to realign the menus, but this is very hackish and
> isn't a good solution for the actual page I'm working on (which has
> multiple places where the DOM is affected).
>

I was using the Menu widget. I figured out that if I use the MenuBar, the
positioning is never lost.

Yay!
Eric P.

Hi

i am implementing pagination using server side pagination

(say the drop down in the  paginator consists of 10,20 rows needs to displayed
in a page)

if selected drop down value 10 : intial request must look like this 
locx/service_folder/service?{x:something,y:zzzz,datainit:{statindx:0,maxRslts:10\
}}

similary i need to get 
locx/service_folder/service?{x:something,y:zzzz,datainit:{statindx:0,maxRslts:20\
}}  when i select 20

but where as i am getting some thing like this
locx/service_folder/service?sort=name&dir=asc&startIndex=0&results=20 is there
any way that i can achive the similar request as mentioned above ?


Thanks in advance!

Hello,

I'm trying to get date cells to have a shaded background color when if there is
an event occurring on a particular day. I'm using some spry code from Adobe
forums to display event data but I can't seem to figure out how to have the
active date cells highlight. Does anyone know how to to do this?

Here's the code I'm working with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>calendarData.html</title>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="YUI/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"
type="text/javascript"></script>
<script src="YUI/2.6.0/build/calendar/calendar-min.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsCourses = new Spry.Data.HTMLDataSet("schedule.htm", "classSched");
var eventdate = new Spry.Data.HTMLDataSet("schedule.htm", "edate");
//-->
</script>
<link href="YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet"
type="text/css" />
<link href="YUI/2.6.0/build/calendar/assets/skins/sam/calendar.css"
rel="stylesheet" type="text/css" />
</head>

<body>

<div id="yuicalendar1"></div>
<script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1

(function() {
var cn = document.body.className.toString();
if (cn.indexOf('yui-skin-sam') == -1) {
document.body.className += " yui-skin-sam";
}
})();

var inityuicalendar1 = function() {
var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");

// The following event subscribers demonstrate how to handle
// YUI Calendar events, specifically when a date cell is
// selected and when it is unselected.
//
// See: http://developer.yahoo.com/yui/calendar/ for more
// information on the YUI Calendar's configurations and
// events.
//
// The YUI Calendar API cheatsheet can be found at:
// http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
//
//--- begin event subscribers ---//
yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
//--- end event subscribers ---//

yuicalendar1.render();
}

function selectHandler(event, data) {
//This new function takes the data array returned by the calendar when clicked
and formats it into a string that matches the date column in the Spry detail
region table.
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" +
data[0][0][0];

// variable to search the dataset for the selected date:
var r = dsCourses.findRowsWithColumnValues({"Date": formattedDateString },
true);

// variable that will display the course data if a matching date is found:
var region = Spry.Data.getRegion("classDetail");


if®{

dsCourses.setCurrentRow(r.ds_RowID);
region.setState("showClass", true);
} else {
region.setState("ready", true);
}

// The JavaScript function subscribed to yuicalendar1. It is called when
// a date cell is selected.
//
// alert(event) will show an event type of "Select".
// alert(data) will show the selected date as [year, month, date].
};

function deselectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a selected date cell is unselected.
};

// Create the YUI Calendar when the HTML document is usable.
YAHOO.util.Event.onDOMReady(inityuicalendar1);


// EndWebWidget YUI_Calendar: yuicalendar1

</script>

<div spry:detailregion="dsCourses" id="classDetail">
<div spry:state="showClass">
<table width="350" border="0">
<tr>
<td colspan="3"><h2>{dsCourses::Class}</h2></td>
</tr>
<tr>
<td width="36" rowspan="2">{dsCourses::Logo}</td>
<td colspan="2">{dsCourses::Description}</td>
</tr>
<tr>
<td>{dsCourses::Location}</td>
<td>{dsCourses::Date}</td>
</tr>
</table>
</div>

<div spry:state="ready">
There are no classes on this date. Please select another date.
</div>

</div>
</body>
</html>

Hello,

I'm trying to get date cells to have a shaded background color when if there is
an event occurring on a particular day. I'm using some spry code from Adobe
forums to display event data but I can't seem to figure out how to have the
active date cells highlight. Does anyone know how to to do this?

Here's the code I'm working with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>calendarData.html</title>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="YUI/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"
type="text/javascript"></script>
<script src="YUI/2.6.0/build/calendar/calendar-min.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsCourses = new Spry.Data.HTMLDataSet("schedule.htm", "classSched");
var eventdate = new Spry.Data.HTMLDataSet("schedule.htm", "edate");
//-->
</script>
<link href="YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet"
type="text/css" />
<link href="YUI/2.6.0/build/calendar/assets/skins/sam/calendar.css"
rel="stylesheet" type="text/css" />
</head>

<body>

<div id="yuicalendar1"></div>
<script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1

(function() {
var cn = document.body.className.toString();
if (cn.indexOf('yui-skin-sam') == -1) {
document.body.className += " yui-skin-sam";
}
})();

var inityuicalendar1 = function() {
var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");

// The following event subscribers demonstrate how to handle
// YUI Calendar events, specifically when a date cell is
// selected and when it is unselected.
//
// See: http://developer.yahoo.com/yui/calendar/ for more
// information on the YUI Calendar's configurations and
// events.
//
// The YUI Calendar API cheatsheet can be found at:
// http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
//
//--- begin event subscribers ---//
yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
//--- end event subscribers ---//

yuicalendar1.render();
}

function selectHandler(event, data) {
//This new function takes the data array returned by the calendar when clicked
and formats it into a string that matches the date column in the Spry detail
region table.
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" +
data[0][0][0];

// variable to search the dataset for the selected date:
var r = dsCourses.findRowsWithColumnValues({"Date": formattedDateString },
true);

// variable that will display the course data if a matching date is found:
var region = Spry.Data.getRegion("classDetail");


if®{

dsCourses.setCurrentRow(r.ds_RowID);
region.setState("showClass", true);
} else {
region.setState("ready", true);
}

// The JavaScript function subscribed to yuicalendar1. It is called when
// a date cell is selected.
//
// alert(event) will show an event type of "Select".
// alert(data) will show the selected date as [year, month, date].
};

function deselectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a selected date cell is unselected.
};

// Create the YUI Calendar when the HTML document is usable.
YAHOO.util.Event.onDOMReady(inityuicalendar1);


// EndWebWidget YUI_Calendar: yuicalendar1

</script>

<div spry:detailregion="dsCourses" id="classDetail">
<div spry:state="showClass">
<table width="350" border="0">
<tr>
<td colspan="3"><h2>{dsCourses::Class}</h2></td>
</tr>
<tr>
<td width="36" rowspan="2">{dsCourses::Logo}</td>
<td colspan="2">{dsCourses::Description}</td>
</tr>
<tr>
<td>{dsCourses::Location}</td>
<td>{dsCourses::Date}</td>
</tr>
</table>
</div>

<div spry:state="ready">
There are no classes on this date. Please select another date.
</div>

</div>
</body>
</html>

Hey,

I have been making a gantt chart using YUI with overlays for the bars and lines,
they are aligned using XY coordinates. When i click print preview the bars and
lines that were overlayed do not show up in the right spot.

Any ideas?! Help!

-Tim

We are using YUI 2.7.0. I noticed there is an issue in 2.7.0 which behaves
correctly in 2.3.1 version though.
If we open the applicationmenubar_source.html in \yui\examples\menu directory
and shrink the IE window and then click on File -> Open With..the submenu gets
hidden inside IE and is not visible. When we try doing the same in YUI 2.3.1,
the submenu is visible. We do not want to revert back to YUI 2.3.1 as we may
lose the new version's features.
Can you suggest on how to get that feature back or is it a bug in the new
release of YUI?

Is there a simple way to use a standard Layout with two units (Left and Right)
where the Left unit includes a Treeview that when a node is clicked loads
separate pages (with YUI html/javascript code) in the Right unit?

Obviously this is a really simple question, I am trying to mimic using HTML
frames (a frameset with BASE defined) but do it using a YUI Layout widget.  I
have tried using an IFRAME (with name="right_panel") in the right unit div and
defined TextNode's in the tree with (after defining a new TextNode as tempNode,
setting tempNode.href="page_to_load.html" and tempNode.target="right_panel") but
it doesn't load anything.

I'm sure I am missing something basic, am I making this way too complicated?

Thanks in advance,
    Todd

See:

http://developer.yahoo.com/yui/examples/layout/adv_layout.html

(It uses a menu on the left, but it is probably what you are looking for
anyway)

Satyam

toddandharper escribió:
> Is there a simple way to use a standard Layout with two units (Left and Right)
where the Left unit includes a Treeview that when a node is clicked loads
separate pages (with YUI html/javascript code) in the Right unit?
>
> Obviously this is a really simple question, I am trying to mimic using HTML
frames (a frameset with BASE defined) but do it using a YUI Layout widget.  I
have tried using an IFRAME (with name="right_panel") in the right unit div and
defined TextNode's in the tree with (after defining a new TextNode as tempNode,
setting tempNode.href="page_to_load.html" and tempNode.target="right_panel") but
it doesn't load anything.
>
> I'm sure I am missing something basic, am I making this way too complicated?
>
> Thanks in advance,
>    Todd
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - www.avg.com
> Version: 8.5.409 / Virus Database: 270.13.83/2353 - Release Date: 09/08/09
06:48:00
>
>

Hi,

This is my first post, so I'm not sure how verbose to be.  I am encountering a
problem I don't know how to work around.  I have a DataTable and am trying to
add server-side sorting to the columns.  However, when I click on the columns, I
am getting back the incorrect column that was clicked on and it looks like it is
always sorting the first column (no matter what column I click on).  I've tried
stepping through the code in datatable-debug.js, and it looks like it is
happening because getTdEl() gets called and some point which then makes a call
to getAncestorByTagName(), which is returning back to me the first column.

Here is a snippet of what I have:

Markup:
--------
<div id="data" class="yui-skin-sam">
             <table border="0">
                 <thead>
                     <tr>
                         <td class="tableHeader">
                             Files
                         </td>
                     </tr>
                 </thead>
                 <tbody>
                     <tr>
                         <td>
                             <div id="table1" class="yui-dt">
                             </div>
                         </td>
                     </tr>
                 </tbody>
             </table>
         </div>


JavaScript:
------------
// Set the column definitions
     var fileListColumnDefs =
     [
         {key:"file_name", label:"File", sortable:true, resizeable:true,
width:"200", maxAutoWidth:"300"},
         {key:"file_policy", label:"Policy", sortable:true, resizeable:true},
         {key:"file_create_date", label:"Date Created", sortable:true,
resizeable:true},
         {key:"file_active_users", label:"Active Users", sortable:true,
resizeable:true}
     ];

     // Create the remote data source and the JSON schema
     var fileListDataSource = new YAHOO.util.DataSource("manageDocuments.do");
     fileListDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
     fileListDataSource.connMethodPost = true;
     fileListDataSource.connXhrMode = "queueRequests";
     fileListDataSource.responseSchema =
     {
         resultsList:"data",
         fields:[
             "file_id", "file_name", "file_create_date", "file_policy",
             {key:"file_active_users", parser:"number"}
         ],
         metaFields:{
             totalRecords:"totalRecords"
         }
     };

     // Sets the configuration for the DataTable
     var fileListDataTableConfig =
     {
         initialRequest: "sort=file_create_date&dir=desc&startIndex=0&results=5",
// Initial request for first page of data
         dynamicData: true,
         sortedBy : {key:"file_create_date",
dir:YAHOO.widget.DataTable.CLASS_DESC},    // sets UI initial sort arrow
         paginator: new YAHOO.widget.Paginator({rowsPerPage:5})      };

     // Create the DataTable with remote data source
     var fileListDataTable = new YAHOO.widget.DataTable("table1",
fileListColumnDefs, fileListDataSource, fileListDataTableConfig);

     // Update the total records on the fly
     fileListDataTable.handleDataReturnPayload = function(oRequest, oResponse,
oPayload)
     {
         oPayload.totalRecords = oResponse.meta.totalRecords;
         return oPayload;
     };

********************************************************************
When the page is first loaded, the initial sort works correctly.  The correct
column contains the ascending/descending arrow and is sorted correctly. 
However, when I click on other columns at this point, I am getting back the
incorrect column in the request parameter, "sort" -- it is always the first
column's name.  Any ideas?  I am doing a very basic column sort so it seems like
I am setting something up incorrectly but I can't figure it out.  Thanks for
your help!

Thanks for the quick response.  I reviewed the example you provided but it
appears to use TabViews for rendering and I am not following the URL logic in
the "Complex Layout" example.

Are there any other ideas for loading a URL into a div or iframe using YUI
alone?

-Todd



--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>
> See:
>
> http://developer.yahoo.com/yui/examples/layout/adv_layout.html
>
> (It uses a menu on the left, but it is probably what you are looking for
> anyway)
>
> Satyam
>
> toddandharper escribió:
> > Is there a simple way to use a standard Layout with two units (Left and
Right) where the Left unit includes a Treeview that when a node is clicked loads
separate pages (with YUI html/javascript code) in the Right unit?
> >
> > Obviously this is a really simple question, I am trying to mimic using HTML
frames (a frameset with BASE defined) but do it using a YUI Layout widget.  I
have tried using an IFRAME (with name="right_panel") in the right unit div and
defined TextNode's in the tree with (after defining a new TextNode as tempNode,
setting tempNode.href="page_to_load.html" and tempNode.target="right_panel") but
it doesn't load anything.
> >
> > I'm sure I am missing something basic, am I making this way too complicated?
> >
> > Thanks in advance,
> >    Todd
> >
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
> >
> >
> > ------------------------------------------------------------------------
> >
> >
> > No virus found in this incoming message.
> > Checked by AVG - www.avg.com
> > Version: 8.5.409 / Virus Database: 270.13.83/2353 - Release Date: 09/08/09
06:48:00
> >
> >
>

This is a known issue that has been fixed for the upcoming release:
http://yuilibrary.com/projects/yui2/ticket/2527707

Regards,
Jenny



--- In ydn-javascript@yahoogroups.com, "m31va" <melvagold@...> wrote:
>
> Hi,
>
> This is my first post, so I'm not sure how verbose to be.  I am encountering a
problem I don't know how to work around.  I have a DataTable and am trying to
add server-side sorting to the columns.  However, when I click on the columns, I
am getting back the incorrect column that was clicked on and it looks like it is
always sorting the first column (no matter what column I click on).  I've tried
stepping through the code in datatable-debug.js, and it looks like it is
happening because getTdEl() gets called and some point which then makes a call
to getAncestorByTagName(), which is returning back to me the first column.
>
> Here is a snippet of what I have:
>
> Markup:
> --------
> <div id="data" class="yui-skin-sam">
>             <table border="0">
>                 <thead>
>                     <tr>
>                         <td class="tableHeader">
>                             Files
>                         </td>
>                     </tr>
>                 </thead>
>                 <tbody>
>                     <tr>
>                         <td>
>                             <div id="table1" class="yui-dt">
>                             </div>
>                         </td>
>                     </tr>
>                 </tbody>
>             </table>
>         </div>
>
>
> JavaScript:
> ------------
> // Set the column definitions
>     var fileListColumnDefs =
>     [
>         {key:"file_name", label:"File", sortable:true, resizeable:true,
width:"200", maxAutoWidth:"300"},
>         {key:"file_policy", label:"Policy", sortable:true, resizeable:true},
>         {key:"file_create_date", label:"Date Created", sortable:true,
resizeable:true},
>         {key:"file_active_users", label:"Active Users", sortable:true,
resizeable:true}
>     ];
>
>     // Create the remote data source and the JSON schema
>     var fileListDataSource = new YAHOO.util.DataSource("manageDocuments.do");
>     fileListDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
>     fileListDataSource.connMethodPost = true;
>     fileListDataSource.connXhrMode = "queueRequests";
>     fileListDataSource.responseSchema =
>     {
>         resultsList:"data",
>         fields:[
>             "file_id", "file_name", "file_create_date", "file_policy",
>             {key:"file_active_users", parser:"number"}
>         ],
>         metaFields:{
>             totalRecords:"totalRecords"
>         }
>     };
>
>     // Sets the configuration for the DataTable
>     var fileListDataTableConfig =
>     {
>         initialRequest:
"sort=file_create_date&dir=desc&startIndex=0&results=5",  // Initial request for
first page of data
>         dynamicData: true,
>         sortedBy : {key:"file_create_date",
dir:YAHOO.widget.DataTable.CLASS_DESC},    // sets UI initial sort arrow
>         paginator: new YAHOO.widget.Paginator({rowsPerPage:5})      };
>
>     // Create the DataTable with remote data source
>     var fileListDataTable = new YAHOO.widget.DataTable("table1",
fileListColumnDefs, fileListDataSource, fileListDataTableConfig);
>
>     // Update the total records on the fly
>     fileListDataTable.handleDataReturnPayload = function(oRequest, oResponse,
oPayload)
>     {
>         oPayload.totalRecords = oResponse.meta.totalRecords;
>         return oPayload;
>     };
>
> ********************************************************************
> When the page is first loaded, the initial sort works correctly.  The correct
column contains the ascending/descending arrow and is sorted correctly. 
However, when I click on other columns at this point, I am getting back the
incorrect column in the request parameter, "sort" -- it is always the first
column's name.  Any ideas?  I am doing a very basic column sort so it seems like
I am setting something up incorrectly but I can't figure it out.  Thanks for
your help!
>

Have you confirmed that the Drag & Drop code is being loaded correctly? Is it an
mouse UI issue or are the Columns not being resized? Without a link to a repro
case, it is tough to debug.

Regards,
Jenny



--- In ydn-javascript@yahoogroups.com, Todd Wells <ttopwells@...> wrote:
>
> Anyone have any ideas on this?
>
> On Mon, Aug 24, 2009 at 9:16 AM, Todd Wells <ttopwells@...> wrote:
>
> > I'm having a hard time figuring out why some DataTable 2.7.0 columns I've
> > configured as resizeable are not showing up as such.  I've included the
> > dragdrop-min.js and set the columns as resizeable, but I get no resize
> > indicator when I mouse over the column headings. I've successfully used
> > resizeable columns in the past, so I don't know what's wrong here. Any ideas
> > where I should look on this? Just to make sure I hadn't messed it up somehow
> > with some CSS, I commented out all custom (non-YUI sam) CSS, but the problem
> > still occurs.  Here's the column definitions:
> >
> >     function getTableColumnDefs()
> >     {
> >         return [
> >             {
> >                 key: "title",
> >                 label: "Title",
> >                 sortable: true,
> >                 maxAutoWidth: 300,
> >                 resizeable: true
> >             },
> >             {
> >                 key: "plfeed$pid",
> >                 label: "PID",
> >                 sortable: true,
> >                 resizeable: true
> >             },
> >             {
> >                 key: "updated",
> >                 label: "Updated (GMT)",
> >                 sortable: true,
> >                 formatter: dateCellFormatter,
> >                 resizeable: true
> >             }
> >         ];
> >     }
> >
> > And the table definition:
> >
> >     function getTableConfig()
> >     {
> >         return {
> >             generateRequest : createRequestUrl,
> >             dynamicData:true,
> >             sortedBy: {key:"title", dir: YAHOO.widget.DataTable.CLASS_ASC
> > },
> >             initialLoad: false,
> >             selectionMode: "single",
> >             paginator : new YAHOO.widget.Paginator({
> >                 rowsPerPage: 25,
> >                 containers: "feedPage",
> >                 template: "{FirstPageLink} {PreviousPageLink} {PageLinks}
> > {NextPageLink} {LastPageLink} {RowsPerPageDropdown}Feeds Per Page",
> >                 rowsPerPageOptions: [10,25,50,100]
> >             })
> >         };
> >     }
> >
> >
>

There is a known issue that has been fixed for the upcoming release:
http://yuilibrary.com/projects/yui2/ticket/2527707

Please test with 2.8.0 and feel free to file a bug with a repro case if you are
still seeing issues.

Regards,
Jenny



--- In ydn-javascript@yahoogroups.com, "yanlui88" <yanlui88@...> wrote:
>
> Hi,
>
> I have a dataTable to list Contact Name and Address. However the Up/Down arrow
heads did NOT show on column header when I clicked either column headers to sort
columns. It happened when the application was running in Mac OSX. If I launched
my application in Windows XP box, the Up/Down arrow heads appeared on column
header properly.
> Does anyone know how to fix it?
> Here is my snippet:
>
> <script type="text/javascript">
>
>
>  YAHOO.util.Event.addListener(window, "load", function() {
>
> 	 var myDataSource = new YAHOO.util.XHRDataSource("/admin/data.html");
>
> 	 myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
>
> 	 myDataSource.responseSchema = {
> 		 resultsList: "ResultSet.Results",
> 		 fields: [
> 			 "ContactID",
> 			 "FullName",
> 			 "Address"
> 			 ]
> 		 };
>
>
> 	   var myColumnDefs = [
> 		 {key:"ContactID", hidden:true, sortable:true},
> 		 {key:"FullName", label:"Full Name", sortable:true,
sortOptions:{defaultOrder:"asc"}, resizeable:true, minWidth:50},
> 		 {key:"Address", label:"Address", sortable:true, resizeable:true,
minWidth:160}
>
> 	 ];
>
> 	 var tblConfig = {
>
> 	 };
>
> 	 myDataTableId = new YAHOO.widget.DataTable("dataTableContainer",
myColumnDefs, myDataSource, tblConfig);
> 	 myDataTableId.set("MSG_EMPTY", "Loading details ...");
>
>
>  });
> </script>
>
>
> <div id="content">
>  <div id="ListArea">
> 	 <div class="row" align="center">
>
> <table>
>   <tr>
>     <td>
>
> 	 <div id="dataTableContainer"></div>
>
>     </td>
>   </tr>
> </table>
>
> 	 </div>
>  </div>
> </div>
>
>
> Thank you
>
> Patrick
>

Hai.. I have same problems..
can you show me how your structure HTML ?


normanK wrote:
>
> I now figured out what the problem was. Since I am using the template that
> is used as dataSrc for the second tab on the first tab as an included
> page, the content got rendered into the first yui-dispatchable container
> into a subdiv with its own div id[which comes from my own code]. Now on
> tab switch the second page rendered into this very same container but the
> above yui-dispatchable container is set to display none.So all i do now is
> remove the html from the first yui-dispatchable container on tabswitch
> event and it works.
>
> thanks you guys for help and suggestions anyways :)
>
>
>
> normanK wrote:
>>
>> Thanks for the suggestions, once I am at work tomorrow I will try it and
>> let you guys know.
>>
>> norman
>>
>>
>> Caridy Patino wrote:
>>>
>>> Hello norman:
>>>
>>> If you use this:
>>>
>>> YAHOO.util.onDOMReady(function(){
>>>   // Render the datatable
>>> });
>>>
>>> It should work, because the dispatcher plugin wrap the loading
>>> process, setting the innerHTML and executing the scripts within the
>>> onSuccess method for the tabview control, and using the onDOMReady
>>> trick you will delay the render of the datatable at least 1ms, or you
>>> can use a timer trick as well:
>>>
>>> window.setTimeout (function(){
>>>   // Render the datatable
>>> }, 1);
>>>
>>> Best Regards,
>>> Caridy Patino (caridy at yahoo-inc.com)
>>> Yahoo! LATAM
>>>
>>> --- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>>>>
>>>> The 2.5.x versions of DataTable don't render correctly in hidden
>>>> containers.  That should be fixed for 2.6.0.
>>>>
>>>> normanK wrote:
>>>> > hello,
>>>> >
>>>> > i am using the YUI Tabview,with two tabs attached. The dataSrc of
>>> the first
>>>> > tab is a page that creates a YUI datatable plus it includes the
>>> page that is
>>>> > used as dataSrc for the second tab. That page also creates a
>>> datatable. The
>>>> > first tab is set to active and both datatables are working
>>>> fine.(using
>>>> > YAHOO.plugin.Dispatcher.delegate () to make the scripts
>>> execute).Now when
>>>> > switching to the second tab the datatable is not getting rendered
>>> for some
>>>> > reason, despite the fact that it worked on the first tab. I
>>> disabled loading
>>>> > the page for tab2 on tab 1 and when i switch tabs the datatable is
>>> rendered
>>>> > on tab2. Any ideas for this behaviour? Sorry for not posting any
>>> source
>>>> > code, i guess i am not allowed to.
>>>> >
>>>> > cheers
>>>> > norman
>>>> >
>>>> >
>>> ------------------------------------------------------------------------
>>>> >
>>>> >
>>>> > No virus found in this incoming message.
>>>> > Checked by AVG - http://www.avg.com
>>>> > Version: 8.0.169 / Virus Database: 270.6.14/1645 - Release Date:
>>> 01/09/2008 7:19
>>>> >
>>>> >
>>>>
>>>
>>>
>>>
>>>
>>
>>
>
>

--
View this message in context:
http://www.nabble.com/dispatcher%2C-yui-tabview%2C-yui-datatable-tp19268658p2535\
8468.html
Sent from the ydn-javascript mailing list archive at Nabble.com.

--- In ydn-javascript@yahoogroups.com, "manne_swiss" <manne_swiss@...> wrote:
>
> Hi
>
> i am implementing pagination using server side pagination
>
> (say the drop down in the  paginator consists of 10,20 rows needs to displayed
in a page)
>
> if selected drop down value 10 : intial request must look like this 
locx/service_folder/service?{x:something,y:zzzz,datainit:{statindx:0,maxRslts:10\
}}
>
> similary i need to get 
locx/service_folder/service?{x:something,y:zzzz,datainit:{statindx:0,maxRslts:20\
}}  when i select 20
>
> but where as i am getting some thing like this
locx/service_folder/service?sort=name&dir=asc&startIndex=0&results=20 is there
any way that i can achive the similar request as mentioned above ?
>
>
> Thanks in advance!
>
yay! this has been sorted out with the link

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