Jonas Yuan Vor 14 Jahren Nice .... thank you, Nate Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen mohd raza Jonas Yuan Vor 13 Jahren o This is a wonderful opinion. The things mentioned are unanimous and needs to be appreciated by everyone. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Jonas Yuan Vor 13 Jahren HI JonasCould you please tell how to send the second level (child node)id from alloy to portlet class and how to retrieve that value? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Miguel Coxo Mani kandan Vor 13 Jahren If i understand you correctly you want to send the id of the selected node on click?If so here is how i did it:var tree = new A.TreeView({ .... });tree.on("lastSelectedChange", function(e){ var id = e.newVal.get("id"); // generate your portlet url here var url = ....; var jsonResult = Y.io(url, cb);});Hoppe it helps. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Miguel Coxo Miguel Coxo Vor 13 Jahren Actually i posted an error as you need to create a callback and process the response there: var cb ={ xdr: "json", timeout: 5000, on: { success: function (x, o) { var jsonResponse = o.responseText; } }} Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Below is my coding, here where in need to call the business class and get the values... Try to modify my code...<% ArrayList mainSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("MainSecsList")!=null) mainSecsList=(ArrayList)request.getAttribute("MainSecsList"); System.out.println("mainSecsList %%%%%%%%%%%%%"+mainSecsList); %><% ArrayList subSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("SubSecsList")!=null) subSecsList=(ArrayList)request.getAttribute("SubSecsList"); System.out.println("SubSecsList %%%%%%%%%%%%%"+subSecsList); %><form method="post" name="<portlet:namespace />fm" id="<portlet:namespace />fm"><body><table id="MainTable" width="100%" border="0" style="backgroundfffff;"><div id="markupBoundingBox"><ul id="markupContentBox"><%int rowId=0;if(mainSecsList!=null){ Iterator ite=mainSecsList.iterator(); while(ite.hasNext()){ AlloyVO alloyVO=(AlloyVO)ite.next(); rowId++; System.out.println("RowId %%%%%%%%%%%%%"+rowId);%> <li > <span id="child"><a href="#"><%=alloyVO.getSecTitle()%></a></span> <ul > <li> <a href="#">child child 1</a> </li> <li> <a href="#">folder folder 2</a> <ul> <li> <a href="#">child child child 1</a> </li> <li> <a href="#">folder folder folder 2</a> <ul> <li> <a href="#">child child child child 1</a> </li> <li> <a href="#">child child child child 2</a> </li> </ul> </li> </ul> </li> </ul> </li> <%}}%></ul></div></table><aui:script use="aui-tree-data">AUI().ready('aui-tree-view', function(A) { var treeView = new A.TreeView({ boundingBox: '#markupBoundingBox', contentBox: '#markupContentBox', io: { cache: false, url: '<portlet:actionURL name="getElements"/>', }, type: 'normal', children:children }) .render();var children = [{ label: 'Thesaurus', id: '#child', expanded: true, draggable: false, type: 'io' }];});</aui:script></body></form> Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Hi Miguel,I am new for alloy. Could you please give me the war file of TreeView using alloy? if it so its very helpful for me Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren var id = e.newVal.get("id");What this code is telling.... Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
mohd raza Jonas Yuan Vor 13 Jahren o This is a wonderful opinion. The things mentioned are unanimous and needs to be appreciated by everyone. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Jonas Yuan Vor 13 Jahren HI JonasCould you please tell how to send the second level (child node)id from alloy to portlet class and how to retrieve that value? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Miguel Coxo Mani kandan Vor 13 Jahren If i understand you correctly you want to send the id of the selected node on click?If so here is how i did it:var tree = new A.TreeView({ .... });tree.on("lastSelectedChange", function(e){ var id = e.newVal.get("id"); // generate your portlet url here var url = ....; var jsonResult = Y.io(url, cb);});Hoppe it helps. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Miguel Coxo Miguel Coxo Vor 13 Jahren Actually i posted an error as you need to create a callback and process the response there: var cb ={ xdr: "json", timeout: 5000, on: { success: function (x, o) { var jsonResponse = o.responseText; } }} Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Below is my coding, here where in need to call the business class and get the values... Try to modify my code...<% ArrayList mainSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("MainSecsList")!=null) mainSecsList=(ArrayList)request.getAttribute("MainSecsList"); System.out.println("mainSecsList %%%%%%%%%%%%%"+mainSecsList); %><% ArrayList subSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("SubSecsList")!=null) subSecsList=(ArrayList)request.getAttribute("SubSecsList"); System.out.println("SubSecsList %%%%%%%%%%%%%"+subSecsList); %><form method="post" name="<portlet:namespace />fm" id="<portlet:namespace />fm"><body><table id="MainTable" width="100%" border="0" style="backgroundfffff;"><div id="markupBoundingBox"><ul id="markupContentBox"><%int rowId=0;if(mainSecsList!=null){ Iterator ite=mainSecsList.iterator(); while(ite.hasNext()){ AlloyVO alloyVO=(AlloyVO)ite.next(); rowId++; System.out.println("RowId %%%%%%%%%%%%%"+rowId);%> <li > <span id="child"><a href="#"><%=alloyVO.getSecTitle()%></a></span> <ul > <li> <a href="#">child child 1</a> </li> <li> <a href="#">folder folder 2</a> <ul> <li> <a href="#">child child child 1</a> </li> <li> <a href="#">folder folder folder 2</a> <ul> <li> <a href="#">child child child child 1</a> </li> <li> <a href="#">child child child child 2</a> </li> </ul> </li> </ul> </li> </ul> </li> <%}}%></ul></div></table><aui:script use="aui-tree-data">AUI().ready('aui-tree-view', function(A) { var treeView = new A.TreeView({ boundingBox: '#markupBoundingBox', contentBox: '#markupContentBox', io: { cache: false, url: '<portlet:actionURL name="getElements"/>', }, type: 'normal', children:children }) .render();var children = [{ label: 'Thesaurus', id: '#child', expanded: true, draggable: false, type: 'io' }];});</aui:script></body></form> Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Hi Miguel,I am new for alloy. Could you please give me the war file of TreeView using alloy? if it so its very helpful for me Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren var id = e.newVal.get("id");What this code is telling.... Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Miguel Coxo Mani kandan Vor 13 Jahren If i understand you correctly you want to send the id of the selected node on click?If so here is how i did it:var tree = new A.TreeView({ .... });tree.on("lastSelectedChange", function(e){ var id = e.newVal.get("id"); // generate your portlet url here var url = ....; var jsonResult = Y.io(url, cb);});Hoppe it helps. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Miguel Coxo Miguel Coxo Vor 13 Jahren Actually i posted an error as you need to create a callback and process the response there: var cb ={ xdr: "json", timeout: 5000, on: { success: function (x, o) { var jsonResponse = o.responseText; } }} Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Below is my coding, here where in need to call the business class and get the values... Try to modify my code...<% ArrayList mainSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("MainSecsList")!=null) mainSecsList=(ArrayList)request.getAttribute("MainSecsList"); System.out.println("mainSecsList %%%%%%%%%%%%%"+mainSecsList); %><% ArrayList subSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("SubSecsList")!=null) subSecsList=(ArrayList)request.getAttribute("SubSecsList"); System.out.println("SubSecsList %%%%%%%%%%%%%"+subSecsList); %><form method="post" name="<portlet:namespace />fm" id="<portlet:namespace />fm"><body><table id="MainTable" width="100%" border="0" style="backgroundfffff;"><div id="markupBoundingBox"><ul id="markupContentBox"><%int rowId=0;if(mainSecsList!=null){ Iterator ite=mainSecsList.iterator(); while(ite.hasNext()){ AlloyVO alloyVO=(AlloyVO)ite.next(); rowId++; System.out.println("RowId %%%%%%%%%%%%%"+rowId);%> <li > <span id="child"><a href="#"><%=alloyVO.getSecTitle()%></a></span> <ul > <li> <a href="#">child child 1</a> </li> <li> <a href="#">folder folder 2</a> <ul> <li> <a href="#">child child child 1</a> </li> <li> <a href="#">folder folder folder 2</a> <ul> <li> <a href="#">child child child child 1</a> </li> <li> <a href="#">child child child child 2</a> </li> </ul> </li> </ul> </li> </ul> </li> <%}}%></ul></div></table><aui:script use="aui-tree-data">AUI().ready('aui-tree-view', function(A) { var treeView = new A.TreeView({ boundingBox: '#markupBoundingBox', contentBox: '#markupContentBox', io: { cache: false, url: '<portlet:actionURL name="getElements"/>', }, type: 'normal', children:children }) .render();var children = [{ label: 'Thesaurus', id: '#child', expanded: true, draggable: false, type: 'io' }];});</aui:script></body></form> Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Hi Miguel,I am new for alloy. Could you please give me the war file of TreeView using alloy? if it so its very helpful for me Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren var id = e.newVal.get("id");What this code is telling.... Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Miguel Coxo Miguel Coxo Vor 13 Jahren Actually i posted an error as you need to create a callback and process the response there: var cb ={ xdr: "json", timeout: 5000, on: { success: function (x, o) { var jsonResponse = o.responseText; } }} Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren Below is my coding, here where in need to call the business class and get the values... Try to modify my code...<% ArrayList mainSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("MainSecsList")!=null) mainSecsList=(ArrayList)request.getAttribute("MainSecsList"); System.out.println("mainSecsList %%%%%%%%%%%%%"+mainSecsList); %><% ArrayList subSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("SubSecsList")!=null) subSecsList=(ArrayList)request.getAttribute("SubSecsList"); System.out.println("SubSecsList %%%%%%%%%%%%%"+subSecsList); %><form method="post" name="<portlet:namespace />fm" id="<portlet:namespace />fm"><body><table id="MainTable" width="100%" border="0" style="backgroundfffff;"><div id="markupBoundingBox"><ul id="markupContentBox"><%int rowId=0;if(mainSecsList!=null){ Iterator ite=mainSecsList.iterator(); while(ite.hasNext()){ AlloyVO alloyVO=(AlloyVO)ite.next(); rowId++; System.out.println("RowId %%%%%%%%%%%%%"+rowId);%> <li > <span id="child"><a href="#"><%=alloyVO.getSecTitle()%></a></span> <ul > <li> <a href="#">child child 1</a> </li> <li> <a href="#">folder folder 2</a> <ul> <li> <a href="#">child child child 1</a> </li> <li> <a href="#">folder folder folder 2</a> <ul> <li> <a href="#">child child child child 1</a> </li> <li> <a href="#">child child child child 2</a> </li> </ul> </li> </ul> </li> </ul> </li> <%}}%></ul></div></table><aui:script use="aui-tree-data">AUI().ready('aui-tree-view', function(A) { var treeView = new A.TreeView({ boundingBox: '#markupBoundingBox', contentBox: '#markupContentBox', io: { cache: false, url: '<portlet:actionURL name="getElements"/>', }, type: 'normal', children:children }) .render();var children = [{ label: 'Thesaurus', id: '#child', expanded: true, draggable: false, type: 'io' }];});</aui:script></body></form> Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Miguel Coxo Vor 13 Jahren Below is my coding, here where in need to call the business class and get the values... Try to modify my code...<% ArrayList mainSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("MainSecsList")!=null) mainSecsList=(ArrayList)request.getAttribute("MainSecsList"); System.out.println("mainSecsList %%%%%%%%%%%%%"+mainSecsList); %><% ArrayList subSecsList=null; //System.out.println("getAttribute %%%%%%%%%%%%%"+request.getAttribute("MainSecsList")); if(request.getAttribute("SubSecsList")!=null) subSecsList=(ArrayList)request.getAttribute("SubSecsList"); System.out.println("SubSecsList %%%%%%%%%%%%%"+subSecsList); %><form method="post" name="<portlet:namespace />fm" id="<portlet:namespace />fm"><body><table id="MainTable" width="100%" border="0" style="backgroundfffff;"><div id="markupBoundingBox"><ul id="markupContentBox"><%int rowId=0;if(mainSecsList!=null){ Iterator ite=mainSecsList.iterator(); while(ite.hasNext()){ AlloyVO alloyVO=(AlloyVO)ite.next(); rowId++; System.out.println("RowId %%%%%%%%%%%%%"+rowId);%> <li > <span id="child"><a href="#"><%=alloyVO.getSecTitle()%></a></span> <ul > <li> <a href="#">child child 1</a> </li> <li> <a href="#">folder folder 2</a> <ul> <li> <a href="#">child child child 1</a> </li> <li> <a href="#">folder folder folder 2</a> <ul> <li> <a href="#">child child child child 1</a> </li> <li> <a href="#">child child child child 2</a> </li> </ul> </li> </ul> </li> </ul> </li> <%}}%></ul></div></table><aui:script use="aui-tree-data">AUI().ready('aui-tree-view', function(A) { var treeView = new A.TreeView({ boundingBox: '#markupBoundingBox', contentBox: '#markupContentBox', io: { cache: false, url: '<portlet:actionURL name="getElements"/>', }, type: 'normal', children:children }) .render();var children = [{ label: 'Thesaurus', id: '#child', expanded: true, draggable: false, type: 'io' }];});</aui:script></body></form> Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Miguel Coxo Vor 13 Jahren Hi Miguel,I am new for alloy. Could you please give me the war file of TreeView using alloy? if it so its very helpful for me Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Miguel Coxo Vor 13 Jahren var id = e.newVal.get("id");What this code is telling.... Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Bavithra Rajendran Vor 14 Jahren Sir, Thanks for writing an article about Alloy Widgets Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Andrius Kurtinaitis Bavithra Rajendran Vor 13 Jahren Eagerly waiting for the second part :-) Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Andrius Kurtinaitis Bavithra Rajendran Vor 13 Jahren Eagerly waiting for the second part :-) Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Simon Zhang Vor 13 Jahren Thanks, Nate! It's very useful!!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Miguel Coxo Vor 13 Jahren Hi there.I think that there might be a bug with the TreeView. When i load the children, via ajax io, the fetched children can't be expanded. I have made a post here: http://www.liferay.com/community/forums/-/message_boards/message/6717647 .I have copied the full example in the alloy ui site and it works fine as long as the children are not loaded via ajax. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Mani kandan Miguel Coxo Vor 13 Jahren HI allCould you please tell how to send the second level (child node)id from alloy to portlet class and how to retrieve that value? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Miguel Coxo Vor 13 Jahren HI allCould you please tell how to send the second level (child node)id from alloy to portlet class and how to retrieve that value? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Mani kandan Vor 13 Jahren I am new for alloy. can anyone please give me the war file of TreeView using alloy? if it so its very helpful for me Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Peter B West Vor 13 Jahren The demo link http://alloy.liferay.com/deploy/sandbox/tree_widget_example.html doesn't work. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
michael l Vor 12 Jahren Hi Nate. I just discovered AlloyUI after working with yui3 the past year. It seems to be a better version of many of the same widgets I've been building in plain yui3. Some of this overview repeats yui3 functionality. Is there a doc which explains where yui3 ends and alloyUI begins? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Nate Cavanaugh michael l Vor 12 Jahren Hi Michael,You're right, these blogs covered a lot of areas that overlap, since they're meant to be more introductory in nature.But some good resources to see what we've added on top of YUI would be to browse our additions to the YUI Gallery (http://yuilibrary.com/gallery/show/#A). As you can see, we've made quite a few contributions to the Gallery, and that's a good listing of the additions on top of YUI. For instance, if you look at the AlloyUI Component listing, we have added a lot of useful functionality around Widgets.I have some blog posts in the works going into more about what functionality we've added.Thanks for the comment Michael, Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Nate Cavanaugh michael l Vor 12 Jahren Hi Michael,You're right, these blogs covered a lot of areas that overlap, since they're meant to be more introductory in nature.But some good resources to see what we've added on top of YUI would be to browse our additions to the YUI Gallery (http://yuilibrary.com/gallery/show/#A). As you can see, we've made quite a few contributions to the Gallery, and that's a good listing of the additions on top of YUI. For instance, if you look at the AlloyUI Component listing, we have added a lot of useful functionality around Widgets.I have some blog posts in the works going into more about what functionality we've added.Thanks for the comment Michael, Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Ajit Kumar Vor 12 Jahren Hi Nate,First of all, thanks for giving us Alloy UI!Nate, I am trying to evaluate this for one of our customers who happens to have an eCommerce portal based on Liferay 5.2.3. In our evaluation we are also looking at ExtJS and if I look at the Alloy UI and ExtJS their programming model seems to be similar. Both having the terms like Panel, Dialog, etc. But if I look at the widgets and the richness of the client side features, I frankly see that Alloy UI is where ExtJS was couple of years back.Now, could you please help me with some insight into Alloy UI as to what are the key points where I would have the edge if I go with Alloy UI. Also, some comparison of Alloy UI with ExtJS would be of great help. Some of the key criteria of my evaluation is:1. Widgets2. Richness in terms of responding to user actions/events3. Rendering performance4. Stability5. Support6. Adaptations by other people/companies7. Long term road-map8. Foot-print9. Documentation10. Licensing11. CommunityThanks in advance!Ajit Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen