This is a migrated thread and some comments may be shown as answers.

JavaScript runtime error: Object doesn't support property or method 'getKendoDraggable'

1 Answer 142 Views

ListView

This is a migrated thread and some comments may be shown as answers.

Saifulla asked on 12 Oct 2018, 09:30 AM

I am trying to implement drag and drop functionality using rad list view but getting this error Object doesn't support property or method 'getKendoDraggable' can someone help me how can i resolve this.

Script:

Sys.Application.add_load(enableDraggableShapeBox);

function enableDraggableShapeBox() {

debugger

var draggables = $telerik.$("#<%=listViewDiv.ClientID%>")

if (draggables.getKendoDraggable()) return;

draggables.kendoDraggable({

filter: "div.ListViewStyle",

hint: function (draggable) {

var hint = draggable.clone(true);

return hint;

}

});

}

Listview:

<div id="listViewDiv" runat="server" clientidmode="Static" style="overflow:auto">

<telerik:RadListView ID="RadListView1" runat="server" RenderMode="Lightweight">

<LayoutTemplate>

<div style="padding:10px 0 0 10px">

<telerik:RadLabel Text="RadLabel1" ID="rlb1" runat="server" RenderMode="Lightweight" CssClass="listViewStyles">

</telerik:RadLabel>

<br />

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadTextBox ID="RadTextBox1" runat="server" RenderMode="Lightweight">

</telerik:RadTextBox>

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadTimePicker ID="RadTimePicker1" runat="server" RenderMode="Lightweight">

</telerik:RadTimePicker>

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" RenderMode="Lightweight">

</telerik:RadDatePicker>

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadDateTimePicker ID="RadDateTimePicker1" runat="server" RenderMode="Lightweight">

</telerik:RadDateTimePicker>

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight">

<Items>

<telerik:RadComboBoxItem Text="2" Selected="true" />

<telerik:RadComboBoxItem Text="4" />

<telerik:RadComboBoxItem Text="6" />

<telerik:RadComboBoxItem Text="8" />

<telerik:RadComboBoxItem Text="10" />

</Items>

</telerik:RadComboBox>

</div>

<div style="padding:10px 0 0 10px" >

<telerik:RadDropDownList ID="RadDropDownList" runat="server" RenderMode="Lightweight">

<Items>

<telerik:DropDownListItem text="textdata" />

</Items>

</telerik:RadDropDownList>

</div>

<div style="padding:10px 0 0 10px">

<telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" />

</div>

</LayoutTemplate>

<ClientSettings AllowItemsDragDrop="true">

<ClientEvents />

<DataBinding ItemPlaceHolderID="itemContainer">

<ItemTemplate>

<div id="#= ItemHeader #" class="ListViewStyle">

<div style="vertical-align: top; width: 100%">

<table id="ListviewTable">

<tr>

<td colspan="2">

<span id="ItemHeader" class="ItemHeaderStyle"><b>#= ItemHeader #</b></span>

</td>

</tr>

</div>

</ItemTemplate>

</DataBinding>

</ClientSettings>

</telerik:RadListView>

</div>

JavaScript runtime error: Object doesn't support property or method 'getKendoDraggable'

1 Answer, 1 is accepted