or
{ field: 'Status', operator: '==', value: 'Active' }
{ field: 'Status', operator: '==', value: 'Pending' }<div class="draggable" style="width: 50px;height: 50px;background-color: chartreuse;">Test</div><div id="droptarget"> <div class="test1" style="background-color: aqua; width: 200px; height: 200px;">
Start dragging.
</div> <div class="test2" style="background-color: brown; width: 200px; height: 200px;"> Start dragging.
</div></div><div id="draggable" style="background-color: lightgrey; height: 60px">Drag the buttons to the yellow section<br/> <button >Button 1</button> <button >Button 2</button> <button >Button 3</button></div><div id="dropTarget" style="background-color: yellow; height: 60px"></div>​var draggable = $("#draggable").kendoDraggable({ filter: 'button', hint: function(item) { return $(item).clone(); }});var dropTarget = $("#dropTarget").kendoDropTarget({ dragAndDrop: true, drop: droptargetOnDrop}).kendoDraggable({ filter: 'button', hint: function(item) { return $(item); }}); function droptargetOnDrop(e) { // console.log("drop called"); var $target = $(e.target); $(e.draggable.hint).clone().appendTo(e.dropTarget)}.ToolBar(c => c.Create())
.DataSource(dataSource => dataSource .Ajax() .Model(model => model.Id(f => f.FileId)) .Read(read => read.Action("GridRead", "Files"))
