如何將KendoSlider插入Kendo Grid？

Question

我如何在kendo網格中包含kendo滑塊。

我無法將其插入網格。

可以做到這一點嗎？

謝謝& Regards， Nithya。

Answer 1

您應該將滑塊添加到列模板中。然後在網格的dataBound事件中初始化所有滑塊。

$("#grid").kendoGrid({ 
    dataSource: [ 
    { foo: 1 }, 
    { foo: 2 } 
    ], 
    columns: [ 
    { 
     field: "foo", 
     template: "<input value='#= foo #' class='slider'>" 
    } 
    ], 
    dataBound: function() { 
    // Convert all <input class="slider"> to kendoSlider 
    $("#grid .slider").kendoSlider(); 
    } 
}); 

這裏有一個現場演示：http://jsbin.com/ADigOFa/1/edit