knockout.js - How do I keep child div from being bound by Knockout JS using foreach and SignalR -

-

मैंने निम्नलिखित ब्लॉग पोस्ट का उपयोग करके एक फेसबुक शैली टिप्पणी प्रणाली बनाई है:

मैंने कार्यक्षमता बढ़ा दी है छिपी हुई सीएसएस वर्ग के नाम को जोड़ने / हटाने से टिप्पणी डिज़ाइन को टॉगल करने का एक तरीका जोड़ना अगर मेरे पास ब्राउज़र खोलने का केवल एक उदाहरण है तो यह अच्छी तरह से काम करता है हालांकि, जब मैं एक दूसरा ब्राउज़र खोलता हूं, तो उस ब्राउज़र को लोड करने से दोनों ब्राउज़र उदाहरणों को उनके डिफ़ॉल्ट "छिपा हुआ" वर्ग में टिप्पणी अनुभाग रीसेट करता है। क्या किसी का सुझाव है कि टिप्पणी सेक्शन डिवेल को नॉकआउट बाइनिंग से कैसे बांटना है ताकि वह डिवा क्लाइंट पक्ष को नियंत्रित कर सके और नॉकआउट के माध्यम से? यह मेरा संक्षिप्त कोड है जिस पर ऊपर वर्णित ब्लॉग पोस्ट पर आधारित है: 

  HTML: ... & lt; ul id = "msgHolder" class = "post-ul" data-bind = "foreach: पदों '& gt; & Lt; li वर्ग = "पोस्टहोल्डर पोस्ट ली" & gt; & Lt; div class = "postfooter" & gt; ... & lt; a class = "togglecommentSection" href = "#" डेटा-बाइंड = "क्लिक करें: टॉगल करेंटमेंट, दृश्यः पोस्ट कॉममेंट्स ()। लंबाई & gt; 0" & gt; टिप्पणी देखें (लि) & lt; / a & gt; & Lt; div class = "टिप्पणी छिपा हुआ" & gt; & Lt; ul class = "post-ul" डेटा-बाइंड = "foreach: पोस्ट कॉममेंट्स" & gt; ... & lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt; ... स्क्रीप्ट: फ़ंक्शन पोस्ट (डेटा, हब, स्वामी) {... self.toggleCommentSection = function (आइटम, ईवेंट) {if ($ (event.target) .next ('। टिप्पणी का पता')। (': दृश्य ')) {$ (event.target) .next (' टिप्पणी टिप्पणी ')। AddClass ("छुपा"); $ (Event.target) .html ("टिप्पणी देखें"); } और {$ (event.target) .next ('टिप्पणी टिप्पणी')। RemoveClass ("छुपा"); $ (Event.target) .html ("टिप्पणी छिपाएं"); }}}}

समस्या यह नहीं है कि यह अभी भी knockoutjs के लिए बाध्य है समस्या यह है कि यदि कोई व्यक्ति कनेक्ट हो, तो सभी पदों को फिर से लोड किया जाता है।

PostHub से: 

  // GET api / WallPost सार्वजनिक शून्य GetPosts () {.. ग्राहक। All.loadPosts (ret); }

मुझे लगता है कि यह ग्राहक होना चाहिए। Caller.loadPosts (ret) । लेकिन इसके अलावा, इसका मतलब यह है कि अगर किसी को GetPosts () कॉल करता है, तो फ़ंक्शन लोडपोस्ट्स (डेटा) सभी ग्राहकों पर लागू होता है: 

  Self.hub.client.loadPosts = फ़ंक्शन (डेटा) {var मैप किए गए पोस्ट्स = $ .मैप (डेटा, फ़ंक्शन (आइटम) {नया पोस्ट (आइटम, self.hub);}); self.posts (mappedPosts); }

यह नये पदों के साथ पदों को बदल देगा। इसके बदले में और दोबारा प्रस्तुत करेगा, जिसका अर्थ है कि आपने अपना छिपा राज्य खो दिया है

ऐसा होने से रोकने के लिए, छुपा राज्य को याद रखने के लिए आपको नॉकआउटजे का उपयोग भी करना चाहिए:

अपने क्लाइंट साइड पर एक संपत्ति जोड़ें पोस्ट: < / P> 

  self.commentsHidden = ko.observable (सत्य);

HTML: 

  & lt; ul आईडी = "msgHolder" class = "post-ul" डेटा-बाइंड = "विदेशी भाषा: पद" & gt; & Lt; li वर्ग = "पोस्टहोल्डर पोस्ट ली" & gt; & Lt; div class = "postfooter" & gt; ... & lt; a class = "togglecommentSection" href = "#" डेटा-बाइंड = "क्लिक करें: टॉगलटिप्पणसंशोधन, दृश्यमान: पोस्टकॉममेंट्स ()। लंबाई & gt; 0, पाठ: टिप्पणियांहैड ()? 'टिप्पणी देखें': 'टिप्पणी छिपाएं' '' & gt; & lt; / a & gt; & Lt; div class = "commentSection" डेटा-बाइंड = "सीएसएस: {छिपा हुआ: टिप्पणियांअहित}" & gt; & Lt; ul class = "post-ul" डेटा-बाइंड = "foreach: पोस्ट कॉममेंट्स" & gt; ... & lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt;

टॉगल टिप्पणीविवरण: 

  self.toggleCommentSection = function () {self.commentsHidden (! Self.commentsHidden ()); }

नॉकआउट की दुनिया में आपका स्वागत है!


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more