सीएसएस - चेकबॉक्स पर कस्टम शैली काम नहीं कर रहा है

Question

सबसे पहले मेरे पास एक केंडो ग्रिड है। अब मैं गतिशील नीचे की तरह डेटा स्रोत के लिए एक चेकबॉक्स द्वारा जोड़ा जा रहा:

var chkBox = "<input type='checkbox' id='chUpload'/><label for='chUpload'><a href='#' id='cbChoose'></a>test</label>"; 

var uploadedFiles = 
[ 
    { 
     facility: "Sunrise medical Laboratories", 
     documentName: "Lab Results", 
     documentType: "PDF", 
     selected: chkBox 
    } 
]; 

बाद शैलियों चेकबॉक्स पर लागू किया जाता है:

input[type="checkbox"] 
{ 
    display:none; 
} 

input[type="checkbox"] + label a 
{ 
    display:inline-block; 
    width:14px; 
    height:14px; 
    margin:-1px 4px 0 0; 
    vertical-align:middle; 
    background:url('../images/checkBox.png') right top no-repeat; 
    cursor:pointer; 
    float:right; 
    margin-top:10px; 
    margin-right:10px; 
} 

input[type="checkbox"]:checked + label a 
{ 
    background:url('../images/checkBox.png') -1px top no-repeat; 
} 

मैंने पाया कि इन शैलियों अन्य चेक बॉक्स पर काम जो मैं पैनलबार के टैब में जोड़ा गया, लेकिन ग्रिड में, कुछ भी प्रदर्शित नहीं होता है।

मैं ब्लैक बॉक्स स्टाइल चेकबॉक्स होने के साथ एक jsfiddle बनाया है। मैंने सीएसएस में display:none; छुपाया है यह देखने के लिए कि सभी टेक्स्टबॉक्स कहां हैं। यदि यह उपयोग में है, तो ग्रिड में कोई कस्टम कस्टम बॉक्स प्रदर्शित नहीं होते हैं।

कोई विचार क्यों?

Answer 1

मुझे समस्या मिली।

template: "<input type='checkbox' style='margin-right:23px; margin-top:0px;' />" 

होना चाहिए:

template: "#= selected #" 

जो मेरा एक साधारण गलती थी।

यहां एक काम कर रहे example है।