Issue with WinJS ListView not responding to selection in click mode

I have encountered an issue with my WinJS.UI.ListView setup. The onselectionchanged event is not triggered when right clicking or using Ctrl+Click, even though I have followed the setup similar to working samples. Is there something that I might be missing? Could there be interference affecting only the click selection?

this.m_listView = new WinJS.UI.ListView(this.domNode,
        {
        layout : {type: WinJS.UI.GridLayout},
        itemTemplate : this.itemTemplate.bind(this),
        selectionMode: 'multi', 
        tapBehavior: 'invokeOnly',
        swipeBehavior: 'select'
        });

    this.m_listView.oniteminvoked = this.itemInvoked.bind(this);
    this.m_listView.onselectionchanged = this.selectionChanged.bind(this);

EDIT: My datasource assignment is handled in a separate function with these lines

var itemList = new WinJS.Binding.List(this.m_nodes);
this.m_listView.itemDataSource = itemList.dataSource;

The ListView implementation is within a JavaScript class, where the template function is a prototype of my EntriesList class. Here is the simplified version of the template function:

EntriesList.prototype.itemTemplate = function(itemPromise)
     {
     return itemPromise.then
        (
        function (item) 
            {
            var entry = document.createElement("div");
            entry.className = "tile";
            entry.style.height = "120px";
            entry.style.width = "340px";
            return entry;
            }
       );

Answer №1

We encountered a problem with our internal API that was causing pointer events to be blocked. Fortunately, we were able to find a solution and resolve the issue. The code and configuration mentioned in the query proved to be effective.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

An error popped up: "argument list is missing) after"

Encountered an issue: Error message: missing ) after the argument list $('.next-btn').append("<a class="actionsubmit" ng-click="onSubmit('hello.html')">Check</a>"); ...

JS problem with decreasing

Within a React component, I have implemented the following method: addWidget = (index) => { let endX = this.state.widgets.reduce((endX, w) => endX.w + w.w, 0) console.log(endX); if (endX === 12) endX = 0 this.setState({ wi ...

Generate a dynamic chart using Angular-chart.js on a canvas that is created on the fly

I am facing an issue with displaying a chart or table in a div based on an XHR response. In the case of a chart, I want to replace the div contents with a canvas element that will be used by chart.js to show a graph. When I directly include the canvas ele ...

Data exchange among sibling form components

I have a two-step form that is divided into switchable tabs. It is crucial for the user to seamlessly move from one tab to another without losing any information that has already been filled out. Therefore, I am looking for a solution to prevent React from ...

The jQuery extension for XDomainRequest in the $.ajax function called onprogress is

Summary: I am trying to make this compatible with this: Detailed Explanation: My goal is to develop a jQuery extension that introduces a progress method to the $.ajax object and works seamlessly with IE8 & IE9's XDomainRequest object. Currently, I ...

Connecting a Node.js Redis client to a Redis cloud server: Step-by-step guide

const redis = require('redis'); const client = redis.createClient({ host: 'redis-19606.redislabs.com', port: 19606, password: 'password' }); client.on('ready', () => { console.log('redis is connecte ...

JQuery does not recognize modifications in input values triggered by Ajax

I am working on a website that utilizes a Gravity Forms form along with the GF Populate Anything add-on plugin to load data dynamically using ajax. I am facing an issue when trying to implement a simple JavaScript function to detect changes in one of the i ...

Is jQuery the better choice for Bootstrap form validation as opposed to using plain JavaScript?

While exploring Bootstrap for form validation, I came across this example using plain JavaScript instead of jQuery. It seems odd since the rest of Bootstrap's scripts are in jQuery. Why is that so? Is it possible to achieve the same functionality wit ...

Using React links in combination with dangerouslySetInnerHTML to render content is a powerful and flexible technique

I am in the process of creating a blog page for my react application. The content on this page is retrieved from a CMS and contains raw HTML code that I display by using: <div dangerouslySetInnerHTML={{__html: this.state.content}} /> However, when I ...

When trying to extract information from a v-for loop and pass it into a method, I keep

After sending an array of data objects into a child component via props, I proceeded to use a v-for loop to display the elements exactly how I intended: <div class="col-md-3" v-for="product in products" :key="product.id" v ...

What is the process for writing code in a recursive manner?

I'm in the process of converting these code snippets into smaller ones using recursion. However, I've hit a roadblock while trying to implement a for loop. The dictionary I am working with is: var structure = []; and it has the following structu ...

Managing data in Angular.js can be done exclusively in the front end or back end

Imagine wanting to develop a ToDo list using angular. You have a REST API that stores items in a database and provides basic operations. As you strive to connect your angular app to the REST API, you come across two different approaches from various online ...

Prevent the dropdown from closing after clicking on a href link

Is there a way to ensure that my dropdown remains open even after a page reload? I'm looking for a solution where clicking on an item(href) within the dropdown will keep it open after redirection. I've tried using the jQuery method called stopPr ...

What is the best way to apply various styles using the ng-style directive in different scenarios?

When working in Angular, I am attempting to apply different style attributes based on varying conditions. However, the typical conditional expression method is limited to just two conditions and is not providing the desired results. <div ng-style=" ...

Why isn't the function in my React child component passing its parameters to the parent component's function as expected?

In the parent: const [currentPinPosition, setCurrentPinPosition] = React.useState({ lat: 0 , lng: 0 }); const updateCurrentPinPos = (position) => { console.log(position); setCurrentPinPosition({ lat: position.lat, lng: position.lng }); }; / ...

Having trouble with React list.map not functioning properly while deleting items from local storage?

I'm currently developing a budget tracking application that allows users to input various incomes and expenses. To manage the state of this app, I am utilizing useReducer. Each income and expense is represented as an object, and upon submission by the ...

Change the space character ' ' to '-' when a key is lifted

Hey, I need some help with a coding problem. I have two input fields and I want to automatically mirror the text from the first input into the second input field using a keyup jquery function. However, my current setup adds a space whenever I hit the spac ...

Ensuring Redirection to Login Page Upon Refresh in React Router Dom

I have encountered a scenario where the customer needs to be directed to the login screen upon Browser refresh. For example: import "./styles.css"; import { Route, Routes, BrowserRouter as Router, Outlet, Link } from "react-router- ...

Get the shared elements from several arrays with JavaScript

Find the shared value of 12 from the given array For example: If the input is as follows: [ [12, 6],[12, 11, 9, 8, 1],[12, 11, 9, 8, 6, 1],[12, 11, 9, 8, 6, 1],[12, 11, 9, 8, 6, 1] ] The expected Output should be : [12] ...

What is the best way to set a default value for a specified Date format retrieved from an API?

Here are examples of different data formats for ReleaseDate: 2014-09-23 09:00:00.923Z /Date(1407369600210)/ If you want to access this information from an API, you can use the following object dot-notation: result.data.Items[0].ReleaseDate Sometimes, ...