Gsyfuy

How do I append a character to the end of every line in an excel cell?

What is the difference between rolling more dice versus fewer dice?

Play Zip, Zap, Zop

Is this ordinary workplace experiences for a job in Software Engineering?

Constexpr if with a non-bool condition

Looking for a specific 6502 Assembler

How much mayhem could I cause as a fish?

local storage : Uncaught TypeError: Cannot set property 'innerHTML' of null

Would tunnel walls be stronger if built using cut granite block walls reinforced with carbon based cords?

Square Root Distance from Integers

Cat is tipping over bed-side lamps during the night

Is using an 'empty' metaphor considered bad style?

Why is Agricola named as such?

How to visualize the Riemann-Roch theorem from complex analysis or geometric topology considerations?

Airplane generations - how does it work?

Why would space fleets be aligned?

In Linux what happens if 1000 files in a directory are moved to another location while another 300 files were added to the source directory?

How to politely refuse in-office gym instructor for steroids and protein

How to use Mathemaica to do a complex integrate with poles in real axis?

Why did Luke use his left hand to shoot?

Does Skippy chunky peanut butter contain trans fat?

What is a good reason for every spaceship to carry a weapon on board?

Which communication protocol is used in AdLib sound card?

TikZ graph edges not drawn nicely

Undefined value of $parent in KO template

Undefined index on template fileMagento 2: Can't call parent function in JS / knockout fileMagento 2 custom module override knockout templateMagento 2 Add new field to Magento_User admin formMagento 2 : Translate string in function in knockout templateMagento 2: html template not loadingmagento 2 : knockout value render not working under script templatemagento2 check if customer is logged in or not in knockout templateFormat price value in knockout templateKnockout : Read parent of parent data

0

I've faced with a problem related to calling a function of $parent in the foreach loop.

I'm trying to create a form where there is an opportunity dynamically adding fields (something like this https://stackoverflow.com/questions/39278461/knockout-removing-a-clicked-row#answer-39278949)

<form class="form">

    <fieldset class="fieldset" data-bind="foreach: inputs">

        <div class="field required">

            <label class="label" data-bind="attr: {for: 'number'+($index()+1)}">

                <!-- ko i18n: 'Row' --><!-- /ko -->

            </label>

            <div class="control">

                <input class="input-text"

                       type="text"

                       name="numbers[]"

                       data-validate="{required:true}"

                       data-bind="attr: {title: $t('Row')}"

                       aria-required="true">

                <!-- ko if: $parent.inputs().length > 1 -->

                <button class="action default" data-bind="click: $parent.remove, attr: {title: $t('Remove')}">

                    <!-- ko i18n: 'Remove' --><!-- /ko -->

                </button>

                <!-- /ko -->

            </div>

        </div>

    </fieldset>

    <div class="actions-toolbar">

        <button class="action submit primary" data-bind="click: add, attr: {title: $t('Add')}">

            <span><!-- ko i18n: 'Add' --><!-- /ko --></span>

        </button>

        <button type="submit" class="action submit primary" data-bind="attr: {title: $t('Submit')}">

            <span><!-- ko i18n: 'Submit' --><!-- /ko --></span>

        </button>

    </div>

</form>

So after clicking on the Add button, everything is fine. The issue in the Remove button. The component and functions look like code below:

define(['uiComponent', 'ko'], function (Component, ko) {

    return Component.extend({

        defaults: {

            -------------------------------

            inputs: ko.observableArray([0])

        },

        initialize: function () {

            this._super();

        },

        ----------

        remove: function (data) {

            this.inputs.remove(data);

        }

    });

});

Ko Context debugger shows that there is $parent parent

But after clicking on the remove button I get error in console:

Also after debugging I found that when we are in the remove function, "this" is Number. I don't have ideas why it is Number instead of uiComponent. This is the main reason why it is not working.

Please, help :)

magento2 javascript template knockoutjs knockout

share|improve this question

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

add a comment | 

0

I've faced with a problem related to calling a function of $parent in the foreach loop.

I'm trying to create a form where there is an opportunity dynamically adding fields (something like this https://stackoverflow.com/questions/39278461/knockout-removing-a-clicked-row#answer-39278949)

<form class="form">

    <fieldset class="fieldset" data-bind="foreach: inputs">

        <div class="field required">

            <label class="label" data-bind="attr: {for: 'number'+($index()+1)}">

                <!-- ko i18n: 'Row' --><!-- /ko -->

            </label>

            <div class="control">

                <input class="input-text"

                       type="text"

                       name="numbers[]"

                       data-validate="{required:true}"

                       data-bind="attr: {title: $t('Row')}"

                       aria-required="true">

                <!-- ko if: $parent.inputs().length > 1 -->

                <button class="action default" data-bind="click: $parent.remove, attr: {title: $t('Remove')}">

                    <!-- ko i18n: 'Remove' --><!-- /ko -->

                </button>

                <!-- /ko -->

            </div>

        </div>

    </fieldset>

    <div class="actions-toolbar">

        <button class="action submit primary" data-bind="click: add, attr: {title: $t('Add')}">

            <span><!-- ko i18n: 'Add' --><!-- /ko --></span>

        </button>

        <button type="submit" class="action submit primary" data-bind="attr: {title: $t('Submit')}">

            <span><!-- ko i18n: 'Submit' --><!-- /ko --></span>

        </button>

    </div>

</form>

So after clicking on the Add button, everything is fine. The issue in the Remove button. The component and functions look like code below:

define(['uiComponent', 'ko'], function (Component, ko) {

    return Component.extend({

        defaults: {

            -------------------------------

            inputs: ko.observableArray([0])

        },

        initialize: function () {

            this._super();

        },

        ----------

        remove: function (data) {

            this.inputs.remove(data);

        }

    });

});

Ko Context debugger shows that there is $parent parent

But after clicking on the remove button I get error in console:

Also after debugging I found that when we are in the remove function, "this" is Number. I don't have ideas why it is Number instead of uiComponent. This is the main reason why it is not working.

Please, help :)

magento2 javascript template knockoutjs knockout

share|improve this question

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

add a comment | 

I've faced with a problem related to calling a function of $parent in the foreach loop.

I'm trying to create a form where there is an opportunity dynamically adding fields (something like this https://stackoverflow.com/questions/39278461/knockout-removing-a-clicked-row#answer-39278949)

<form class="form">

    <fieldset class="fieldset" data-bind="foreach: inputs">

        <div class="field required">

            <label class="label" data-bind="attr: {for: 'number'+($index()+1)}">

                <!-- ko i18n: 'Row' --><!-- /ko -->

            </label>

            <div class="control">

                <input class="input-text"

                       type="text"

                       name="numbers[]"

                       data-validate="{required:true}"

                       data-bind="attr: {title: $t('Row')}"

                       aria-required="true">

                <!-- ko if: $parent.inputs().length > 1 -->

                <button class="action default" data-bind="click: $parent.remove, attr: {title: $t('Remove')}">

                    <!-- ko i18n: 'Remove' --><!-- /ko -->

                </button>

                <!-- /ko -->

            </div>

        </div>

    </fieldset>

    <div class="actions-toolbar">

        <button class="action submit primary" data-bind="click: add, attr: {title: $t('Add')}">

            <span><!-- ko i18n: 'Add' --><!-- /ko --></span>

        </button>

        <button type="submit" class="action submit primary" data-bind="attr: {title: $t('Submit')}">

            <span><!-- ko i18n: 'Submit' --><!-- /ko --></span>

        </button>

    </div>

</form>

So after clicking on the Add button, everything is fine. The issue in the Remove button. The component and functions look like code below:

define(['uiComponent', 'ko'], function (Component, ko) {

    return Component.extend({

        defaults: {

            -------------------------------

            inputs: ko.observableArray([0])

        },

        initialize: function () {

            this._super();

        },

        ----------

        remove: function (data) {

            this.inputs.remove(data);

        }

    });

});

Ko Context debugger shows that there is $parent parent

But after clicking on the remove button I get error in console:

Also after debugging I found that when we are in the remove function, "this" is Number. I don't have ideas why it is Number instead of uiComponent. This is the main reason why it is not working.

Please, help :)

magento2 javascript template knockoutjs knockout

share|improve this question

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

<form class="form">

    <fieldset class="fieldset" data-bind="foreach: inputs">

        <div class="field required">

            <label class="label" data-bind="attr: {for: 'number'+($index()+1)}">

                <!-- ko i18n: 'Row' --><!-- /ko -->

            </label>

            <div class="control">

                <input class="input-text"

                       type="text"

                       name="numbers[]"

                       data-validate="{required:true}"

                       data-bind="attr: {title: $t('Row')}"

                       aria-required="true">

                <!-- ko if: $parent.inputs().length > 1 -->

                <button class="action default" data-bind="click: $parent.remove, attr: {title: $t('Remove')}">

                    <!-- ko i18n: 'Remove' --><!-- /ko -->

                </button>

                <!-- /ko -->

            </div>

        </div>

    </fieldset>

    <div class="actions-toolbar">

        <button class="action submit primary" data-bind="click: add, attr: {title: $t('Add')}">

            <span><!-- ko i18n: 'Add' --><!-- /ko --></span>

        </button>

        <button type="submit" class="action submit primary" data-bind="attr: {title: $t('Submit')}">

            <span><!-- ko i18n: 'Submit' --><!-- /ko --></span>

        </button>

    </div>

</form>

define(['uiComponent', 'ko'], function (Component, ko) {

    return Component.extend({

        defaults: {

            -------------------------------

            inputs: ko.observableArray([0])

        },

        initialize: function () {

            this._super();

        },

        ----------

        remove: function (data) {

            this.inputs.remove(data);

        }

    });

});

share|improve this question

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

share|improve this question

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265

asked 10 mins ago

Dmitriy ChizhovDmitriy Chizhov

265