2012-10-27 11 views
5

मैं निम्नलिखित काम कर कोड निर्धारित करने के लिए क्या रंग 2012 के राष्ट्रपति चुनाव में एक राज्य रेंडर करने के लिए नॉकआउट का उपयोग करता है। अगर राज्य मान 1 (रिपब्लिकन) है, रंग लाल है। अगर राज्य मान 2 (डेमोक्रेट) है, रंग नीले है। अगर राज्य मान 3 (टॉस अप) है, रंग पीला है।किसी फ़ंक्शन का उपयोग करके नॉकआउट सीएसएस डाटाबेसिंग?

<div class="el-clickable" data-bind="css: { 
'el-republican': model.ny()===ip.constants.electoralStatusValue.republican, 
'el-democrat': model.ny()===ip.constants.electoralStatusValue.democrat, 
'el-tossup': model.ny()===ip.constants.electoralStatusValue.tossUp 
}" 
state-abbrev="ny" style="top:26px;left:442px;height:102px;width:54px;" title="New York"> 
<div style="margin-top:46px;">NY</div></div> 

<div class="el-clickable" data-bind="css: { 
'el-republican': model.pa()===ip.constants.electoralStatusValue.republican, 
'el-democrat': model.pa()===ip.constants.electoralStatusValue.democrat, 
'el-tossup': model.pa()===ip.constants.electoralStatusValue.tossUp 
}" 
state-abbrev="pa" style="top:107px;left:372px;height:65px;width:65px;" title="Pennsylvania"> 
<div style="margin-top:23px;">PA</div></div> 

समस्या यह है कि इस तरह के एक जानवर बल दृष्टिकोण समस्या के लिए की तरह लगता है के बाद से मैं आदेश एक भी CSS चयनकर्ता लाने के लिए में 3 अलग सीएसएस बाध्यकारी कॉल की आवश्यकता है। यही है, मुझे अपने चुनावी कॉलेज मानचित्र पर प्रत्येक राज्य के लिए गणतंत्र, लोकतांत्रिक और टॉसअप की जांच करने की आवश्यकता है।

(वास्तविक दुनिया परिदृश्य भी बदतर रिपब्लिकन के लिए के रूप में मैं वास्तव में जाँच है, झुकाव रिपब्लिकन, डेमोक्रेट, झुकाव डेमोक्रेट, दुविधा में पड़ा हुआ, tossup, और बंद कर दिया!)

http://www.ipredikt.com/contests/election2012

क्या मैं सच में चाहते है

data-bind="css: getStateColor(model.pa())" // for Pennsylvania 

'attr' बंधन के साथ इस मुमकिन है: एक तरह से एक उपयोगिता फ़ंक्शन को कॉल और राज्य मूल्य में गुजर, इस तरह से इस लक्ष्य को हासिल करने के लिए?

मैं अक्सर महसूस किया है कि सीएसएस बंधन की व्यवस्था: 'स्ट्रिंग-शाब्दिक', true | झूठी बहुत ही सीमित है।

data-bind="css: myFunction(myParam)" 

उत्तर

1

नॉकआउट 2.2, बहुत जल्द ही (10/26/2012) बाहर आ css बंधन के साथ इस का समर्थन करेंगे: मैं नॉकआउट भी तरह कुछ समर्थित कामना करते हैं। तब तक, आप एक ही काम करने के लिए बाध्यकारी इस class का उपयोग कर सकते हैं।

+0

बहुत बढ़िया जवाब! आज तक जवाब देने का मौका नहीं मिला। सप्ताहांत में इस फिक्स को कार्यान्वित किया, और मैं विश्वास नहीं कर सका कि मेरा चुनाव 2012 विजेट कितना तेज़ हो गया! हमारे नॉकआउट-आधारित विजेट का उपयोग करके पार्टनर साइट का एक लिंक यहां दिया गया है - इस परिवर्तन से पहले, लोड विलंबता 2 सेकंड से अधिक थी। अब, यह मेजबान पृष्ठ जितना तेज़ है, उतना तेज़ है। इस उत्कृष्ट समाधान के लिए धन्यवाद। 2.2 के लिए इंतजार नहीं कर सकता, लेकिन तब तक, यह एक-ऑफ फिक्स सही है। दो अंगूठे उपर! http://mynorthwest.com/category/electoral_map –

+0

2.2 आज सुबह जारी किया गया था। एक महान विजेट की तरह लग रहा है। –

संबंधित मुद्दे

 संबंधित मुद्दे