KendoListView数据不刷新

1：配置ListView

   <div id="example" class="col-xs-12">
                <div id="listView" >

                </div>
            
            </div>

<!------script----->（只需要其中的html，所以放在哪都行）

<script type="text/x-kendo-tmpl" id="template">
     <div class="product" id="${fileid}">
        <img  src=${filepath} />
    <h3> ${filename} </h3>
    <p>√</p>
    </div >
</script>

js：

 var img_list = []
            for (var i = 0; i < data.length; i++) {
                var item = {
                    filename: data[i].filename,
                    folderid: data[i].folderid,
                    filepath: data[i].filepath,
                    fileid: data[i].fileid
                }
                img_list.push(item)
            }

$('#listView').html("")//只需要清空html，就可以清空之前所创的图片数据
                kendoListView = $("#listView").kendoListView({
                    selectable: 'single',
                    dataSource: {
                        data: img_list,
                        pageSize: 20
                    },
                    template: kendo.template($("#template").html()),
                    pageable: true,
                 
                });

效果如下：