Question

Trước hết tôi có lưới kendo. Bây giờ tôi đang tự động thêm vào một hộp kiểm để DataSource như dưới đây:

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 
    } 
]; 

Sau đây là phong cách thực hiện trên các hộp kiểm:

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; 
} 

tôi thấy rằng những phong cách làm việc trên hộp kiểm khác mà tôi được thêm vào các tab của thanh điều khiển , nhưng trong lưới, không có gì được hiển thị.

Tôi đã tạo một jsfiddle bằng các hộp đen là hộp kiểm được tạo kiểu. Tôi đã ẩn số display:none; trong css để xem tất cả các hộp văn bản ở đâu. Nếu nó đang được sử dụng, không có hộp tùy chỉnh kiểm tra nào được hiển thị trong lưới.

Mọi ý tưởng tại sao?

Answer 1

Tôi đã tìm thấy sự cố.

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

nên là:

template: "#= selected #" 

đó là một sai lầm đơn giản của tôi.

Đây là một hoạt động example.