Button "clicked" during first render template

linuxpaul · December 10, 2021, 10:32am

Hi,
depending to my plugin vm:

linux-paul/OctoPrint-Heatbedsavety/blob/a58f0775e3cc2d3d8461a339a929abfe917e1832/octoprint_heatbedsavety/static/js/heatbedsavety.js

/*
 * View model for OctoPrint-Heatbedsavety
 *
 * Author: linuxpaul
 * License: AGPLv3
 */
$(function() {
    function HeatbedsavetyViewModel(parameters) {
        var self = this;

	self.url = "/plugin/heatbedsavety/heatbedsavety";

	self.bedPower = ko.observable();

	self.send = function (data,event) {
      		var request = {"data": data};
      		$.ajax({
        		type: "GET",
       			dataType: "json",
        		data: request,

This file has been truncated. show original

the button seems to be clicked e.g. the send function is called while the page is rendered the first time. Did I something wrong?
As a workaround I send an addidtionally "boot" to fix this behavior.

jneilliii · December 10, 2021, 8:08pm

Did you initially try with

<button class="btnToggle" data-bind="click: send, style: {'background-color': bedPower() != 1 ? 'red' : 'green' }"></button>

linuxpaul · December 11, 2021, 12:05am

click may send a "toogle" so I used

<button class="btnToggle" data-bind="click: send("toggle"), style: {'background-color': bedPower() != 1 ? 'red' : 'green' }"></button>

but the behavior doesn't change. In the python model I still reveive a "toggle" followed by the "boot"

linuxpaul · December 11, 2021, 12:05am

The pretty funny stuff is that I'm playing around with flask, bootstrap and knockout with a complete different and much simpler environment and got the same behavior.

jneilliii · December 11, 2021, 1:06am

IIRC with knockout if you need to pass arguments to the function outside of bound data then you definitely need to wrap it in a function like you are doing. Just click: send("toggle") will definitely cause the function to be run on initial load.