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

2 posts, 0 answers
  1. Saifulla
    Saifulla avatar
    15 posts
    Member since:
    Sep 2018

    Posted 12 Oct 2018 Link to this post

    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>

     

  2. Attila Antal
    Admin
    Attila Antal avatar
    591 posts

    Posted 17 Oct 2018 Link to this post

    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.
Back to Top