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

[Saifulla]

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" />
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                              <telerik:DropDownListItem text="textdata" />
                              <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>

 

[Attila Antal]

Hi Saifulla,

Please check out my answer in your other forum thread (How to make RadListView items drag and drop) as it seem this one is related. I suggest that we continue our discussion in that thread.

Kind regards,
Attila Antal
Progress Telerik