Sortable Filter with multiple JQuery Selector

[Minh]

Hi, 

I am setting up a Kendo sortable with a grid.

@(Html.Kendo().Sortable()
            .For("#MyGrid")
            .Filter(".sortable, table > tbody > tr:not(.k-grid-edit-row)")            
            .Disabled(".disabledDragSort")
            .Cursor("move")
            .HintHandler("ConfigureHint")
            .PlaceholderHandler("placeholder")
            .ContainerSelector("#MyGrid tbody")
            .Events(events => events.Start("onStart").Change("onChange"))
 )

When I set the filter as above it does not work. I am trying to filter for two separate jQuery selectors, separated by a comma. It does not work. When I remove one or the other, for example: .Filter(".sortable"), it works.  What can I do to get this working?

[Alexander Valchev]

Hi Minh,

You should be able to use multiple selectors separated by coma. Please see the following example: http://dojo.telerik.com/UnOW

In fact any valid CSS selector can be used and your selector looks valid. I assume that the problem is related to the mark-up of your page. Where are the .sortable elements located? Are they inside the #MyGrid element?

Regards,
Alexander Valchev
Telerik

 

 

[Minh]

Yes, the .sortable elements are inside the #MyGrid element. I will look at rebuilding the mark-up of the page based on the example you provided. Thanks very much.