javascript - How to partially (re)apply bindings to descendants with knockout? -

-

i created custom knockout binding wraps given div in expander. custom binding moves given content div contant-container div of expander. after moving content, knockout bindings of content child nodes not work more (e.g. click binding button inside content div). therefore have reapply knockout bindings.

this works in cases. however, if content div contains example knockout foreach binding, reapplying bindings means content duplicated.

example usage of expander binding:

<div         data-bind="expander: { title: 'datacollectionforms'}"> <div>   <div class="expander-content">     <button            data-bind="click: $root.addaction, text: 'hinzufügen'"></button>     <div       data-bind="foreach: listofbuttons">       <button                data-bind="click: $root.buttonclickaction">        </button>     </div>   </div> </div> </div>

my code moving content div:

function moveexpandercontenttocontentcontainer($contentcontainer, expandercontent) {   try {      //move expander content content container     //the content not cloned moved. more info see:     //https://api.jquery.com/append/     var $expandercontent = $(expandercontent);     $contentcontainer.append($expandercontent);     $contentcontainer.addclass('expander-content-container panel-body');     $expandercontent.addclass('expander-content');      ko.applybindingstodescendants(bindingcontext, expandercontent);     } catch (appendexception) {     var errormessage = 'could not append expander-content expander-content-container.';     logger.logerror(errormessage, appendexception, self, true);   }

}

  • if remove line

ko.applybindingstodescendants(bindingcontext, expandercontent);

the click actions of 3 buttons not work more: enter image description here

  • if keep line, click actions work buttons duplicated: enter image description here

=> how can update bindings of moved content in way fixes click bindings , not duplicate buttons?

=> if moving work flow not work @ all, better way create custom knockout binding wraps given content in collapsable expander?

i find related articles no solution specific issue:

i solved issue not moving content div @ building expander around it.

my original strategy have reusable expander view + view model , move content div original location newly composed expander view. moving around bound content no idea, guess.

the new strategy adapts existing divs , composes header expander.

nevertheless thank thoughts.


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more