Updates are not reflected in WinJS binding

Question

Updates are not reflected in WinJS binding

I am looking for a simple way to connect the textContent of an HTML element to a data string. To achieve this, I have implemented the following:

<span id="currentDate" data-win-bind="textContent:Data.currentDateString"></span>

In the code snippet above, I define a namespace Data with

WinJS.Namespace.define("Data", {
    currentDateString: currentDateString,
});

where currentDateString is set as:

var currentDateString = "Monday";

Afterwards, in the ready function of the page, I execute WinJS.Binding.processAll();. This successfully populates the HTML content with the designated string. However, when the string changes, the HTML does not automatically update. I believe there must be some event that needs to be triggered to reflect changes in the string. How can I approach this? Is there a straightforward method similar to using WinJS.Binding.List for list datasources?

javascript windows windows-8 winjs

Answer 1

Answer №1

In order for your object to be observable, it is important that the property is defined within a namespace.

To make this adjustment, update your code to resemble the following:

WinJS.Namespace.define("App", {
    currentWeather: WinJS.Binding.as({
        condition: currentCondition,
    }),
});

App.currentWeather.condition = "Sunny skies!";

Upon making this assignment, you will see the value change accordingly.

It's worth noting that there are other tools available for observation, like WinJS.Binding.define

Answer 2

In order for your object to be observable, it is important that the property is defined within a namespace.

To make this adjustment, update your code to resemble the following:

WinJS.Namespace.define("App", {
    currentWeather: WinJS.Binding.as({
        condition: currentCondition,
    }),
});

App.currentWeather.condition = "Sunny skies!";

Upon making this assignment, you will see the value change accordingly.

It's worth noting that there are other tools available for observation, like WinJS.Binding.define

Updates are not reflected in WinJS binding

Answer №1

Similar questions

problem with jquery object compatibility in ie9 and opera

Is there a way to efficiently use AJAX and PHP to iterate through JSON data and save it to a new JSON file

Unable to update state from a graphql query without refreshing the page using React and GraphQL

REST API endpoint in Azure AD B2C dedicated to authenticating users

What is the best way to incorporate a <li> view cap within a div element using JavaScript?

Select a hyperlink to access the corresponding tab

Avoid triggering a second event: click versus changing the URL hash

Inquiring about the rationale behind using `jquery.ui.all.css` specifically

Using ExpressJS with the Promise.all method for handling promises

What steps should be taken to retrieve the contents of a file that has been chosen using the browse

Tips for sending live data to the client by writing multiple responses in Node.js using res.write

Filterable Bootstrap table with striped zebra CSS styling

JavaScript - change image when clicked or hovered over

Error message: 'Unsupported projection operation: $push: { ... }', error code: 2, code name: 'InvalidOperation' }

Using JQUERY for navigating through pages in a REST API while utilizing deferred functionality

Unable to retrieve the numerical value within the chart

Is there a way to show a JavaScript alert on Django following a form submission?

The server-side PHP script may not always successfully respond to an Ajax call from the client

Form a collection using multiple elements

Engage in Step 2: Receive a response from the server via AJAX request