Home/ Questions/Q 6475531
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T06:42:55+00:00

I am listing products as table rows, each row contains input fields for specifying

  • 0

I am listing products as table rows, each row contains input fields for specifying the quantity of products.

I made a Fiddle for it here, http://jsfiddle.net/kroofy/4jTa8/19/

As you can see, after the input in the Qty field have been made, the whole row render again. And because of that the focus of the input field will be lost, which is not good if you want to input more than just one digit, or tab between input fields.

What would be the most elegant way to solve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    i built a plugin for backbone called Backbone.ModelBinding that may be able to help in this situation. my plugin allows you to update portions of a view with data from a model, when the model changes.

    i’ve forked / updated your fiddle to show it in action: http://jsfiddle.net/derickbailey/FEcyF/6/

    i removed the binding to the model change. i’ve also added id attributes to the inputs of the form to facilitate the plugin (the attribute that the plugin uses is configurable, though). and lastly, i’ve added a data-bind attribute to the sell price total td.

    you can get the plugin here: http://github.com/derickbailey/backbone.modelbinding/

    hope that helps

    FWIW: my plugin is an automated version of what Elf is suggesting. I’ve written code exactly like he is describing, numerous times, which is where the plugin came from. I just got tired of writing that code by hand 🙂

    • 0