Enyo 2 - Enyo http://forums.enyojs.com/categories/enyo-2/feed.rss Wed, 19 Jun 2013 00:13:12 +0000 Enyo 2 - Enyo en-CA Enyo Bootplate deploy script question http://forums.enyojs.com/discussion/1525/enyo-bootplate-deploy-script-question Tue, 18 Jun 2013 16:27:46 +0000 Enyo 2 drahgon 1525@/discussions
for example currently the deploy script creates
enyo.js
enyo.css
app.js
app.css

say i create a version 1.0 of my app can I make it produce
enyo1_0.js
enyo1_0.css
app1_0.js
app1_0.css]]> Routing http://forums.enyojs.com/discussion/161/routing Fri, 02 Mar 2012 02:47:24 +0000 Enyo 2 asolovyov 161@/discussions A few questions about MVC http://forums.enyojs.com/discussion/1523/a-few-questions-about-mvc Tue, 18 Jun 2013 14:24:11 +0000 Enyo 2 MarcDominjon 1523@/discussions
I've been manipulating MVC since the changes made recently and I have a few questions.

Why are most of the properties not placed as published like the property data for controllers. By doing so we lose the setData which triggers the sync of bindings in contrary to myController.data = "". Am I missing something?

In AutoBindingSupport.js, the property autoSync is set to false by default but it is set to true by default in Binding.js. Is there a reason why?

Once a enyo.Model is created and linked to a enyo.ModelController, how do I create bindings to the elements in the enyo.Model from the binding of the controller to an UI component? I tried using autoBinding but failed.

I know that MVC is still a WIP and those questions may be obsolete in a couple of weeks.
I'll post other questions on MVC as I discover more of it.

Thank you in avance,
Marc]]> How activate gesture on ImageView http://forums.enyojs.com/discussion/1524/how-activate-gesture-on-imageview Tue, 18 Jun 2013 14:47:57 +0000 Enyo 2 FlexOnMobile 1524@/discussions
I'm currently trying to make gesture working on an ImageView but I'm unable to active pinch-zoom.

My app is embedded on a cordova project and I test it on an Android HTC Desire (2.x).
How could I know if it's a touchscreen devices that support it ?

Thanks]]> I confuse the enyo.js path http://forums.enyojs.com/discussion/1522/i-confuse-the-enyo-js-path Tue, 18 Jun 2013 02:52:45 +0000 Enyo 2 SeokHyeonSong 1522@/discussions /usr/palm/frameworks/enyo/1.0/framework/enyo.js <-- where is it?
I really don't know where the path is.
Is there anyone who know that?
my webos sdk path is C:\Program Files\HP webOS\SDK\share\framework\enyo\1.0\framework\enyo.js
]]> Using Input to upload a file http://forums.enyojs.com/discussion/1517/using-input-to-upload-a-file Fri, 14 Jun 2013 14:19:28 +0000 Enyo 2 biffta 1517@/discussions enyo.kind({
name : "App",
components : [ {
kind : "onyx.Input",
type : "file",
onchange : "thingTap",
placeholder : "Enter local file location..."
} ],
thingTap : function(inSender, inEvent) {
enyo.log(inSender.getValue());
}
});
The problem is I can't see the whole file path, just the filename, so I don't see how I am going to go about putting it into an ajax request and uploading it.

I did notice that this has something interesting in it:

this.$.input.getNodeProperty("files")

but still can't seem to get the whole file path.

Any ideas?

Thanks!!]]> Enyo 2.2 use MVC or wait http://forums.enyojs.com/discussion/1492/enyo-2-2-use-mvc-or-wait Wed, 05 Jun 2013 17:56:49 +0000 Enyo 2 fjfeijoo 1492@/discussions
I'm evaluating Enyo for my next project and after a couple of days reading the docs and trying things I think I'm lost. I have a REST web service and ideally I would like to use Models from Enyo (or backbone). I have tried using bootstrap-mvc as a base with a backbone model and a collection. I can receive the data objects but I'm unable to show the collection using the controller/view way in enyo.
After trying the examples from http://jsfiddle.net/user/clinuz/fiddles/ I have found that some parts of the backbone project are out in backbone-support so I can't use that.

Finally I looked at enyo-master where there are new classes (enyo.Model and enyo.Collection) but I can't find any documentation showing how to use that with controllers and views.

- Is there any plan or roadmap with an estimate of when is 2.3 going to be released? A month? A year? (I'm not asking for a date)
- Should I wait for 2.3 before using MVC with Enyo?
- Should I start with 2.2 and avoid using MVC at all (I would prefer to have all organized the MVC way but maybe I don't need to with Enyo)?

Best Regards and THANKS for creating Enyo.
Francsico]]> MVC Bindings and RepeaterCollection (tying one repeater's height to another) http://forums.enyojs.com/discussion/1505/mvc-bindings-and-repeatercollection-tying-one-repeater-s-height-to-another Tue, 11 Jun 2013 14:09:32 +0000 Enyo 2 psarin 1505@/discussions
Any thoughts on how I should proceed, either using MVC bindings or otherwise?

Thanks,
Cage]]> Reverse direction for CardSlideInArranger http://forums.enyojs.com/discussion/1507/reverse-direction-for-cardslideinarranger Wed, 12 Jun 2013 14:31:27 +0000 Enyo 2 VTweam 1507@/discussions
I have a Panels container with CardSlideInArranger specified and two views. I also have a toolbar with two buttons, each of the two changes the panel to show the according view (one of the views controlled by the Panels component).

Now when I press the second button I want the first view slide out to the left and the second view to slide in from the right, this is how my views behave right now. When I press the first button I want the exact opposite animation, the second view has to slide out to the right and the first view has to slide in from the left.

Right now, both buttons lead to the same animation. How can I control in which direction the views slide?]]> how to overlay one control on top of another http://forums.enyojs.com/discussion/1510/how-to-overlay-one-control-on-top-of-another Thu, 13 Jun 2013 08:53:56 +0000 Enyo 2 drahgon 1510@/discussions
Will I have to just add the control as a component and position it on top of the control with CSS? I feel like there is an easier "enyo" way to do this that is just eluding me right now. ]]> tap events and swiping in List http://forums.enyojs.com/discussion/1242/tap-events-and-swiping-in-list Thu, 28 Feb 2013 07:30:25 +0000 Enyo 2 Ted_Hopp 1242@/discussions
First, when I enable swipe, is there a recommended way to make only some rows swipeable? (I want to use the swipe gesture to reset items in the list, and that doesn't make sense for items that are already in the reset state.) The way I'm handling it now is in the swipe setup function, I'm calling hide() or show() for the swipeable component, depending on whether the item is already reset or not. This seems to work, but also seems like a kludge. The swiping mechanism is still engaged, just made invisible to the user.

Second, and perhaps more important, what's the right way to use a List to take an action when an item is tapped? Right now, I'm setting an ontap handler on the row component. Unfortunately, the handler gets called when a swipe ends as well as when there is a tap. Also, by the time the ontap handler gets called, the list thinks swiping is over--it returns false from isSwiping() (even though the swipe complete event hasn't yet been delivered). I thought about setting a flag when swiping starts, but I wouldn't know when to clear it if swiping is not completed (e.g., the user doesn't drag far enough)--there's no "swipe cancelled" event.

I haven't yet tried to use the reordering features (that's for another part of the app I'm building), so I don't know if there's a similar interaction between tap events and reordering.]]> Events not firing in a nested component http://forums.enyojs.com/discussion/1509/events-not-firing-in-a-nested-component Wed, 12 Jun 2013 21:15:01 +0000 Enyo 2 pcimino 1509@/discussions Example on JSFiddle here.

I create an input (Input A), type a letter and onkeyup event is generated. There is also a control that contains a nested input (Input A2) which also generates an onkeyup event.

The problem is I want to create components dynamically.

So I use createComponent() for "Input B", and onkeyup it generates an event. So far so good. But now I createComponent() for my control, and then add the component "Input B2", which does not work. 
this.createComponent({kind: 'Control',name: 'testContainerB'});
this.$.testContainerB.createComponent({name: "inputB2",
            kind: "onyx.Input",
            placeholder: "Input B2",
            onkeyup: 'inputKeyUp'
});
I expect the static and dynamic setup to be equivalent, but the behavior of the nested component differs. Anyone have suggestions? Or answers, answers are good too! :)]]> arrange method in arrangerKind does not know a control was destroyed http://forums.enyojs.com/discussion/1494/arrange-method-in-arrangerkind-does-not-know-a-control-was-destroyed Thu, 06 Jun 2013 02:46:30 +0000 Enyo 2 drahgon 1494@/discussions
I am destroying the panel/control by simply calling the destroy method on the panel/control itself. Is there some better way I should be doing this or is it a bug? ]]> Enyo2 and MathJax http://forums.enyojs.com/discussion/1506/enyo2-and-mathjax Wed, 12 Jun 2013 02:52:43 +0000 Enyo 2 xxu_xiao 1506@/discussions It doesn't work, that is why I started using MathJax JS library. MathML tags in embedded directly in HTML works fine but If try to use enyo to render the MathML tags, it doesn't work.
below is the fiddle URL
http://jsfiddle.net/dkYQp/

Another strange part is, If I delay the loading of MathJax Library, it works for the first time and then I try to render it again ( calling destroy and create) it fails render the math tags.
It looks like it has to do something the way MathJax is getting loaded, but unable to find the issue their. Looking for some help here to find the cause or a work around
Below is the code HTML code 
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<link rel="shortcut icon" href="assets/favicon.ico"/>
<script type="text/javascript">

window.onload = function () {
  setTimeout(function () {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src  = "http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=MML_HTMLorMML-full";
    document.getElementsByTagName("head")[0].appendChild(script);
  },1000)
}
</script>

		<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<!-- enyo (debug) -->
		<script src="enyo/enyo.js"></script>
		<!-- application (debug) -->
		<script src="source/package.js" type="text/javascript"></script>
	  <!--<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=MML_HTMLorMML-full"></script>--&gt;
	</head>
	<body class="enyo-unselectable">
		<script>
			 new ex.EqContainer().renderInto(document.body);
		</script>
	</body>
	
</html>

Enyo Kinds 
var __data = 
{
   "steps":[
      {
         "equation":" <math> <mrow><mi>y</mi></mrow></math><math> <mrow><mo> &equals; </mo> </mrow> </math> <math><msup> <mrow><mn>5</mn><mi>x</mi></mrow> <mrow><mn>9</mn></mrow> </msup> </math> <math><mo> &minus; </mo></math> <math><mn>2</mn></math>",
      },
      {
         "equation":" <math> <mfrac> <mrow><mo>&DifferentialD;</mo><mi>y</mi></mrow> <mrow><mo>&DifferentialD;</mo><mi>x</mi></mrow> </mfrac> </math> <math> <mrow><mo> &equals; </mo><mrow></math> <math> <mfrac> <mrow><mo>&DifferentialD;</mo></mrow> <mrow><mo>&DifferentialD;</mo><mi>x</mi></mrow> </mfrac> </math> <math> <mo>(</mo> </math><math> <mn>5</mn>  </math><math><mrow><msup>  <mi>x</mi> <mn>9</mn> </msup></mrow> </math><math><mo>)</mo>  </math> <math><mo> &plus; </mo></math> <math><mrow> <mfrac> <mrow><mo>&DifferentialD;</mo></mrow> <mrow><mo>&DifferentialD;</mo><mi>x</mi> </mfrac></mrow></math> <math> <mrow><mo>(</mo> <mo> &minus; </mo><mn>2</mn><mo>)</mo></mrow> </math>",
      },
      {
         "equation":"<math>  <mfrac> <mrow><mo>&DifferentialD;</mo><mi>y</mi></mrow> <mrow><mo>&DifferentialD;</mo><mi>x</mi></mrow> </mfrac></math> <math> <mrow><mo> &equals; </mo></mrow> </math> <math> <mrow><mn>5</mn> </mrow></math> <math> <mo> &times; </mo></math> <math> <mn>9</mn></math> <math><mrow><msup><mi>x</mi><mn>8</mn> </msup></mrow></math> <math><mo> &plus; </mo></math> <math><mn>0</mn></math>",
      },
      {
         "equation":"<math><mrow><mfrac><mrow><mo>&DifferentialD;</mo><mi>y</mi></mrow><mrow><mo>&DifferentialD;</mo><mi>x</mi></mrow></mfrac></math><math><mrow><mo>&equals;</mo></math><math><mrow><mn>45</mn></math><math><mrow><msup><mi>x</mi><mn>8</mn></msup></mrow></math>",
      }
   ]
};

enyo.kind({
    name:"DataRow",
    tag:"tr",
    defaultKind:"DataCell",     
});

enyo.kind({
    name:"DataCell",
    tag:"td",
    classes: "box",
    allowHtml: "true"
});

enyo.kind({
    name:"ex.DataTable",
    tag:"table",
    published:{
        data:0
    },
    components:[
        {name:"header", tag:"tr"},
        {name:"list", kind:"Repeater", onSetupItem:"setupItem", components:[
            {name:"row", kind:"DataRow"}
        ]}
    ],
    create:function() {
        this.inherited(arguments);
        this.dataChanged = enyo.bind(this, "refresh");
        
        this.refresh();
    },
    refresh:function()
    {
    	console.log("data="+this.data);//+" data length="+this.data.length);
        if( this.data) 
        {
        	console.log("data="+this.data +" data length="+this.data.length);
            this.$.list.setCount(this.data.length);
        }
    },
    setupItem:function(source, event) 
    {
    	var eqtn = this.data[event.index]["equation"];
    	event.item.$.row.createComponent({content:eqtn,allowHtml: true,name:"eqtn_"+event.index},{owner: this});
        event.item.render();
    },
});


enyo.kind({
    name:"ex.EquationProxy",
    kind:"Scroller",
    components:[
    {
    		"name": "divtbl",
			"tag": "div",
			style: "display: table;  margin: 0 auto;",
			classes:"theboxgrid",
			//components:[{name:"dt", kind:"DataTable"}]
    }],
    create:function() {
        this.inherited(arguments);
    },
    getEquation: function(urlx) {
			this.handleResponse();
	},
	handleResponse: function(inSender, inResponse) 
	{
			this.$.divtbl.destroyClientControls();
			this.$.divtbl.createComponent({name:"dt", kind:"ex.DataTable"},{owner: this});
			this.$.dt.setData(__data.steps);
			this.$.divtbl.render();
	}
});


enyo.kind({
    name: "ex.EqContainer",
    kind: "Scroller",
    classes: "onyx enyo-unselectable",
     horizontal: "hidden",
    fit: true,
    components:[
        {kind: "onyx.Toolbar", "name": "title",	"content": "Algebra Equation"},
        {tag:"div",name:"dummy"},
       /* {kind: "ex.EquationProxy",name:"equation", fit: true},*/
        { kind: "onyx.Toolbar",        components: [
			    	{ kind: "onyx.Button", content: "Next",id:"next","classes": "onyx-negative","ontap": "next"},
            ]},  
    ],
	create:function() 
	{
		this.inherited(arguments);
	},
	rendered: function() {
		this.inherited(arguments);
		this.$.dummy.createComponent({kind: "ex.EquationProxy",name:"equation", fit: true},{owner: this});
		this.$.dummy.render();
		this.getEquation();
		
	},
	getEquation: function() {
		this.$.equation.getEquation(this.url);
		//	var a = new enyo.Ajax( {url: urlx} );
		//	return a.go().response(this, "handleResponse");
		
	},
	next:function()
	{
		//this.$.dummy.destroyClientControls();
		//this.$.dummy.createComponent({kind: "ex.EquationProxy",name:"equation", fit: true},{owner: this});
		//this.$.dummy.render();
		this.getEquation();
	
	},
});


]]> Enyo Inspector http://forums.enyojs.com/discussion/1503/enyo-inspector Mon, 10 Jun 2013 15:22:07 +0000 Enyo 2 theryanjduffy 1503@/discussions
Give it a try on http://enyojs.com on the main Image carousel.

Source: https://gist.github.com/ryanjduffy/5749323
Bookmarklet: http://marklets.com/Enyo+Inspector.aspx]]> Multiple onyx.Menu issue. http://forums.enyojs.com/discussion/1502/multiple-onyx-menu-issue Sun, 09 Jun 2013 22:52:58 +0000 Enyo 2 TimE 1502@/discussions New menu control i'm working on (SlideableMenu) http://forums.enyojs.com/discussion/1454/new-menu-control-i-m-working-on-slideablemenu Fri, 24 May 2013 02:18:42 +0000 Enyo 2 chrisvanhooser 1454@/discussions It uses Slideables as menu items, and you get a nice smooth opening and closing of the menu.
I have it so it can be a top, left, right, or bottom anchored menu, and the animation is a bit different for all of them.
Also got support for a scrim as well.
Heres a jsfiddle:
http://jsfiddle.net/3Z2jC/5/

I still got a bit to do, but i thought i would share. I should have a proper github home for it in the next few weeks to submit to the gallery.

Any ideas or bug fixes, etc welcome.
]]> ToasterPopup control http://forums.enyojs.com/discussion/1501/toasterpopup-control Sun, 09 Jun 2013 02:13:25 +0000 Enyo 2 chrisvanhooser 1501@/discussions You should be pretty much be able to drop it in over an onyx.Popup or enyo.Popup.
Supports floating, scrim, autoDismiss, modal, centered.
Added in support for centeredX and centeredY, so you can only center it on one axis.
You can have it anchor to a side (top, left, right, bottom), or not and have it float at a custom position.
You need to set a top or left (or both if un-anchored) to give it a spot to render to.

Still got some work to do on it, but its pretty functional right now.
heres the jsfiddle:

http://jsfiddle.net/xqsaj/1/

Once i get my app update finished ill push the code to github and the community gallery.

Also got a lot of work done on my SlideableMenu (http://forums.enyojs.com/discussion/comment/6773/), i'll be posting an update to that too soon.

Any bugfixes, updates, or comments welcome.]]> Signals - Synchronous or Asynchronous? http://forums.enyojs.com/discussion/1495/signals-synchronous-or-asynchronous Thu, 06 Jun 2013 14:04:08 +0000 Enyo 2 GlitchTech 1495@/discussions Dynamically created components inside horizontal scroller http://forums.enyojs.com/discussion/1497/dynamically-created-components-inside-horizontal-scroller Thu, 06 Jun 2013 21:22:46 +0000 Enyo 2 cletustboone 1497@/discussions
http://jsfiddle.net/qebEE/3/

Just click the Add Item button until boxes are added that go beyond the bounds of the scroller, then try to scroll to them. I'm sure I'm missing something stupid.]]> Is it possible to programmatically reorder list items? http://forums.enyojs.com/discussion/1430/is-it-possible-to-programmatically-reorder-list-items Sun, 19 May 2013 10:58:55 +0000 Enyo 2 Samarthwiz 1430@/discussions
I know it's possible to reorder items in an array and then refresh the list, but I was wondering if it was possible to reorder list items using an enyo.List's onReorder events?]]> EnyoJS 2.3 Questions about MV* system http://forums.enyojs.com/discussion/1354/enyojs-2-3-questions-about-mv-system Fri, 19 Apr 2013 12:42:40 +0000 Enyo 2 allclone 1354@/discussions http://todomvc.com/labs/dependency-examples/enyo_backbone/ and I would love to have automatic bindings for data models to views, but with very large data sets things seam to get a little weighted down.

In the Todo MVC link, one thing I have noticed with most of the MVC systems if you add > 200 todo's to the list it starts to get unresponsive, doing a profile on the page shows that when I add or update the list of todo's it causes greater then 500-600 parse html events to occur, which causes the whole process to take a good 2-4 seconds. This could just hopefully be an implementation problem.

My main question is what are the affects of large sets of data bindings to a set of very complex views and the performance issues that may pop up? I know there are ways to deffer/lazy load, but for my situation its not an option as all data needs to be viewed/modifiable at once. Some of the applications I currently work on have a very large amount of data that changes constantly on screen.

As I have very little personal experience with the new EnyoJS MVC that is being brought in, and was hoping that someone closer to the update would have some helpful hints. I have tried a couple other JS MV* Frameworks as well and have hit very negative performance problems. All this being said, I currently use EnyoJS 2.2 with awesome results, though it does require a little more work on my part as a developer to make "smarter" enyo kinds.

Thanks for taking the time to read this.]]> Unable to add components dyanamically in Enyo http://forums.enyojs.com/discussion/1489/unable-to-add-components-dyanamically-in-enyo Wed, 05 Jun 2013 09:18:54 +0000 Enyo 2 sangramanand 1489@/discussions enyo.kind({
name : 'OB.OBPOSPointOfSale.UI.SectionBar',
classes : 'span12',
published : {
sectiontablebar: null
},
components : [ {
tag : 'ul',
classes : 'unstyled nav-pos row-fluid',
name : 'toolbar'
},
{
tag : 'ul',
classes : 'unstyled nav-pos row-fluid',
name : 'sectiontablebar'
}],
handlers: {
onTestPOSView: 'testPOSView'
},
initComponents : function() {
this.inherited(arguments);
var sectionDetail = new OB.DS.Process('org.openbravo.retail.posterminal.steward.SectionDetail');
me = this;
sectionDetail.exec({
},
function (data) {
enyo.forEach(data.sections, function(section) {
me.$.toolbar.createComponent({
kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
button : {
kind : 'OB.UI.Section',
content: section.sectionName,
id: section.sectionId
}
});
}, this);
});
},
testPOSView : function(inSender, inEvent) {
var data = inEvent.data;
console.log(data.tables);
enyo.forEach(data.tables, function(table) {
console.log(table);
this.$.sectiontablebar.createComponent({
kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
button : {
kind : 'OB.UI.Table',
content: table.tableName,
id: table.tableId
}
},{owner: this});
}, this);
this.testFuncRT();
},
testFuncRT : function(){
alert("in testFuncRT");
this.$.toolbar.hide();
console.log(this.$.sectiontablebar.createComponent({
kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
button : {
kind : 'OB.UI.Section',
content: 'TESt',
id: '012345'
}
}));
}
}); In testFuncRT method i am trying to add a new component to the sectiontablebar, but am unable to. Am i missing any code here.

--
Thanks]]> How to remove the components inside a parent component http://forums.enyojs.com/discussion/1490/how-to-remove-the-components-inside-a-parent-component Wed, 05 Jun 2013 12:24:33 +0000 Enyo 2 sangramanand 1490@/discussions
I am adding components inside a components using createComponent function on every button tap. But after repetitive taps the old content is not cleared, thus causing duplicates within. I get the following warning messages in the console
enyo.Component.addComponent(): Duplicate component name "button" in owner "terminal_containerWindow_rTPointOfSale_sectionBar" violates unique-name-under-owner rule, replacing existing component in the hash and continuing, but this is an error condition and should be fixed.
How can i remove the components within a particular components. I tried the destroyComponents() and destroy() but that would eventually make the component inaccessible.

Here is the piece of code which does the adding components on a button tap 
	tablesView : function(inSender, inEvent) {
		var data = inEvent.data;
		this.$.backbutton.createComponent({
				kind : 'OB.UI.Button',
				name: 'button',
			    content: 'back to sections',
			    style: 'font-weight:bold; margin-bottom:15px;background-color:#7da7d9',
			    classes: '',
			    ontap: "backToSections"
		},{owner: this});
		
		enyo.forEach(data.tables, function(table) {
			console.log(table);
			this.$.sectiontablebar.createComponent({
				kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
				button :  {
					kind : 'OB.UI.Table',
					content: table.tableName,
					id: table.tableId
				}
			},{owner: this});
		}, this);
		
		this.$.toolbar.hide();
			this.$.sectiontablebar.show();
			this.$.backbutton.show();
		this.$.sectiontablebar.render();
		this.$.backbutton.render();
	},

this.$.sectiontablebar.destroy(); will remove the sectiontablebar, but will also be inaccessible when i try to addComponents in next taps.

Basically the sectiontablebar is
    in which
  • items are added via createComponent() method. So, on every button tap, i want to first remove the
  • items and then add the new items, so that no duplicates are added to the list.

    Added the views for a better understanding. Thanks.

    ACTUAL VIEW

    image

    DUPLICATE VIEW

    image

    DUPLICATE VIEW WITH CONSOLE

    image


    --
    Thanks
]]> cannot receive Signals inside LeftRightArranger http://forums.enyojs.com/discussion/1485/cannot-receive-signals-inside-leftrightarranger Mon, 03 Jun 2013 20:49:38 +0000 Enyo 2 drahgon 1485@/discussions enyo.kind(
{
name: "Arr",
kind: "LeftRightArranger",
margin: 0,
components: [
{kind: "Signals", onFullBrowser: "fullBrowser"}
],
fullBrowser: function () {
console.log("Received Signal!");
}
}
); this code never receives the signal. I also cannot use this.log in the arranger. Do Arranger kinds not have all the abilities of "regular" kinds?]]> How to pass params between two windows in enyo http://forums.enyojs.com/discussion/1481/how-to-pass-params-between-two-windows-in-enyo Mon, 03 Jun 2013 06:49:42 +0000 Enyo 2 sangramanand 1481@/discussions
I have created a new webview, which basically fetches Json data from DB and creates the no. of buttons based on the no. of items it receives from the json data. My next step is on tap of a button, it should redirect to a different page, but with some params. Like say button id, name etc., Added the code below, which is a window view with dyanamic content. As a trial, i tried using a line -

OB.POS.navigate('Toit.section1',{sectionId:this.$.content});
// Point of sale main window view
enyo.kind({
  name: 'OB.OBPOSPointOfSale.UI.RTPointOfSale',
  kind: 'OB.UI.WindowView',
  windowmodel: OB.OBPOSPointOfSale.Model.RTPointOfSale,
  tag: 'section',
  content: 'This is a test',
  events: {
	    onShowPopup: ''
  },
  components: [
               {
            	      classes: 'row',
            	      style: 'margin-bottom: 5px;',
            	      components: [{
            	        kind: 'OB.OBPOSPointOfSale.UI.SectionBar'
            	      }]
               }
  ],
  init: function () {
    this.inherited(arguments)
  }
});
//TABLE BUTTONS
enyo.kind({
	name : 'OB.OBPOSPointOfSale.UI.TablesButton',
	tag : 'li',
	classes : 'span3',
	components : [ {
		name : 'theButton',
		attributes : {
			style : 'margin: 0px 5px 0px 5px;'
		}
	} ],
	initComponents : function() {
		this.inherited(arguments);
		this.$.theButton.createComponent(this.button);
	}
});
 
enyo.kind({
	name : 'OB.OBPOSPointOfSale.UI.SectionBar',
	classes : 'span12',
	components : [ {
		tag : 'ul',
		classes : 'unstyled nav-pos row-fluid',
		name : 'toolbar'
	} ],
	initComponents : function() {
		this.inherited(arguments);
		var sectionDetail = new OB.DS.Process('org.openbravo.retail.posterminal.steward.SectionDetail');
		me = this;
		sectionDetail.exec({
		}, 
		function (data) {
			enyo.forEach(data.sections, function(section) {
				me.$.toolbar.createComponent({
					kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
					button :  {
						kind : 'OB.UI.Section',
						content: section.sectionName
					}
				});
			}, this);
		});
	}
});
 
 
 
enyo.kind({
	name : 'OB.UI.Section',
	kind : 'OB.UI.ToolbarButton',
	icon : 'btn-icon',
	events : {
		onAddNewOrder : ''
	},
	handlers : {
		onLeftToolbarDisabled : 'disabledButton'
	},
	disabledButton : function(inSender, inEvent) {
		this.isEnabled = !inEvent.status;
		this.setDisabled(inEvent.status);
	},
	initComponents : function() {
		this.inherited(arguments);
	},
	tap : function() {
		OB.POS.navigate('Toit.section1',{sectionId:this.$.content});
	}
});


//CUSTOMIZATION
OB.OBPOSPointOfSale.UICustomization = OB.OBPOSPointOfSale.UICustomization || {};

//REGISTRATION
OB.POS.registerWindow({
  windowClass: OB.OBPOSPointOfSale.UI.RTPointOfSale,
  route: 'Toit.sections',
  menuPosition: 15,
  permission: 'OBPOS_retail.pointofsale',
  menuLabel: 'TESTLABEL',
  menuI18NLabel: 'TESTLABEL',
});





I know its not the right way to do, but i want to do something similar, like sending the params to the next window. Also how should i
collect the incoming params in the next page.


Any help would be appreciated. Thanks!!!]]> Content in a enyo modal http://forums.enyojs.com/discussion/1486/content-in-a-enyo-modal Tue, 04 Jun 2013 11:57:40 +0000 Enyo 2 sangramanand 1486@/discussions
I am calling a modal with parameters. In the modal, i checked whether am getting params properly using this.args, and it works fine. The args i get is a list of items.

Now based on the no. of items, i want to create no. of buttons within the Modal. I am kinda of confused where exactly to write the code related to it, is it in executeOnShow() or bodyContent() or bodyButtons() function.

The content in this.args is -

image



Added below the code for my Modal. 
enyo.kind({
	  kind: 'OB.UI.ModalAction',
	  name: 'OB.UI.ModalTable',
	  popup: 'modalCancel',
	  header: 'Tables',

	  bodyContent: {
		 
	  },
	  bodyButtons: {
		  
	  },
	  executeOnShow : function() {
		  console.log("in execute on show");
		  console.log(this.args);
	  },
});

Any help will be appreciated.

--
Thanks
]]> Handling Browser Buttons. http://forums.enyojs.com/discussion/1482/handling-browser-buttons Mon, 03 Jun 2013 08:19:15 +0000 Enyo 2 TimE 1482@/discussions Can i pass params in the do Methods http://forums.enyojs.com/discussion/1483/can-i-pass-params-in-the-do-methods Mon, 03 Jun 2013 11:49:51 +0000 Enyo 2 sangramanand 1483@/discussions
Can i call a method with params in it, like
this.doGoTables({id: id});

Added below the total code - 
enyo.kind({
	name : 'OB.UI.Section',
	kind : 'OB.UI.ToolbarButton',
	icon : 'btn-icon',
	events : {
		onAddNewOrder : '',
		onGoTables: ''
	},
	handlers : {
		onLeftToolbarDisabled : 'disabledButton',
		ontap: "anythingTap"
	},
	disabledButton : function(inSender, inEvent) {
		this.isEnabled = !inEvent.status;
		this.setDisabled(inEvent.status);
	},
	initComponents : function() {
		this.inherited(arguments);
	},
	anythingTap : function(inSender, inEvent) {
		var id = inSender.id;
		alert(id);
		this.doGoTables({id: id});
	}
});

The method onGoTables() is present in its parent class - 
enyo.kind({
	name : 'OB.OBPOSPointOfSale.UI.SectionBar',
	classes : 'span12',
	components : [ {
		tag : 'ul',
		classes : 'unstyled nav-pos row-fluid',
		name : 'toolbar'
	} ],
	handlers: {
		onGoTables: 'goTables',
	},
	initComponents : function() {
		this.inherited(arguments);
		var sectionDetail = new OB.DS.Process('org.openbravo.retail.posterminal.steward.SectionDetail');
		me = this;
		sectionDetail.exec({
		}, 
		function (data) {
			enyo.forEach(data.sections, function(section) {
				me.$.toolbar.createComponent({
					kind : 'OB.OBPOSPointOfSale.UI.TablesButton',
					button :  {
						kind : 'OB.UI.Section',
						content: section.sectionName,
						id: section.sectionId
					}
				});
			}, this);
		});
	},
	goTables: function(inResponse) {
		alert("in go tables");
		alert(inResponse.id);
		alert(inResponse);
	}
});

How can i access the data in params like the ID which i set passed in the params.

--
Thanks]]> how to use onyx.Scrim properly http://forums.enyojs.com/discussion/1480/how-to-use-onyx-scrim-properly Sat, 01 Jun 2013 00:09:14 +0000 Enyo 2 drahgon 1480@/discussions
I tried adding my control as a component of my scrim kind but mouse events are not fired due to pointer events:none css class. I want the scrim to prevent mouse events going to the underlying control but I still want clicks on the scrim to be handled. Also when I hide the scrim my control hide as well.

Can some one explain how I should use the scrim kind, an example would be nice if possible. ]]>