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 36 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Saifulla
Top achievements
Rank 1
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" />
                              <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>

 

1 Answer, 1 is accepted

Sort by
0
Attila Antal
Telerik team
answered on 17 Oct 2018, 07:19 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
ListView
Asked by
Saifulla
Top achievements
Rank 1
Answers by
Attila Antal
Telerik team
Share this question
or