Windows store app using Javascript - How do I add event listener in html

Question

In a Windows store app using Javascript, I have a listview defined in the html.

<div id ="menuListView" data-win-control="WinJS.UI.ListView" data-win-options="{
          itemDataSource: viewModel.items.dataSource,
          itemTemplate: menuItemTemplate,
          layout: {type: WinJS.UI.GridLayout}}"></div>

I could define a click event handler in Javascript something like this:

menuListView.addEventListener("selectionchanged", clickEventHandler, false);

But since, I'm trying to use the MVVM pattern, I would like to put this piece of code in the html view and let a viewmodel handle the click event. Would it be possible?

Paulius Uza · Accepted Answer · 2012-11-04 16:06:03Z

1

For full NVVM functionality in your WinJS app I would recommend using a framework like http://knockoutjs.com

answered Nov 4, 2012 at 16:06

Paulius Uza

4895 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Budhaditya Bhattacharya · Accepted Answer · 2012-11-05 09:21:05Z

0

You can probably try something like this if you are keep to declare an event handler in HTML view :

"<button id="button1" onselectionchange="clickEventHandler(event)">An HTML button</button>"

Hope this helps :)

answered Nov 5, 2012 at 9:21

Budhaditya Bhattacharya

651 silver badge4 bronze badges

Collectives™ on Stack Overflow

Windows store app using Javascript - How do I add event listener in html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related