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

Can't click on editor fields if selectable is turned on

10 Answers 272 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Travis
Top achievements
Rank 1
Travis asked on 04 Feb 2013, 03:04 PM
I am running into very odd issues with a kendo grid when selectable is turned on with inline editing.
If selectable is turned off the grid functions without issue but as soon as I turn it on I have multiple odd issues.

1 - When editing a row I am unable to click on the items - I can tab between them but clicking has no impact.
2 - they don't data bind correctly - I have to tab off the last item I edit or it is discarded when clicking update.

Is this a known issue?  It has become a major issue - I either need to fix it or drop a feature the client wanted.

10 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 05 Feb 2013, 08:42 AM
Hello Travis,

We've recently addressed similar issues related to multiple selection and edit modes. Can you please try with more recent build and see wether it makes any difference?

Looking forward to hearing from you.

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Travis
Top achievements
Rank 1
answered on 12 Feb 2013, 05:30 AM
No go. Running v2012.3.1315 - confirmed that was the newest by downloading again.
Jquery is v1.8.2 (I used the file provided in the download).

Primary browser testing with Chrome.  
I have found grid menus are doing the same thing - turn them on and then you can't use the filters - the type in boxes are dead.

So far I am unable to use select mode with inline editing or menus with filters.  I have disabled all other javascript and CSS yet the problem continues. 

0
Travis
Top achievements
Rank 1
answered on 12 Feb 2013, 09:36 AM
Resolved with the newest internal build.  Still testing but looking good so far.
0
John
Top achievements
Rank 2
answered on 18 Feb 2013, 03:59 PM
I believe I am encountering the same problem.
I can't type in the filter input boxes from the columnMenu->Filters

Where can I get the internal build you are referring to?

-me-
0
Travis
Top achievements
Rank 1
answered on 19 Feb 2013, 01:28 AM
I am not too sure, I was given a download link directly via a support ticket. I had a bit of a sniff about and didn't manage to find any other way to get my hands on it.
0
Sebastian
Telerik team
answered on 19 Feb 2013, 09:17 AM
Hello guys,

The latest internal builds of Kendo UI are available for commercial license holders and should be present under your site account's Product Downloads section (under each of your Kendo UI purchased products).

Kind regards,
Sebastian
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
John
Top achievements
Rank 2
answered on 19 Feb 2013, 06:43 PM
Just a follow up on this, it did fix the filters, but all tab functionality is broken with the internal build.

-me-
0
Nikolay Rusev
Telerik team
answered on 21 Feb 2013, 07:29 AM
Hello John,

Can you, please explain a bit what you mean by "but all tab functionality is broken"? Can you create jsbin/jsfiddle that replicates the issue?

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
John
Top achievements
Rank 2
answered on 22 Feb 2013, 03:40 PM
For those who are following this thread, I was asked to not post to this forum to prevent confusion.
However, perception is everything and to those following the forum, it appears that "I" dropped the ball on this.

Here is what I was told:
Can you, please explain a bit what you mean by "but all tab functionality is broken"? Creating a sample/jsbin/jsfiddle that replicates the issue will be event better.
I've just saw that there is duplicate post - here is the related forum post. I suggest we continue our communication here in order to avoid further duplications.

Here is my original response to the last post:
"All tab functionality is broken"

When I click on a tab in the tab strip, it does not switch between tabs.
No JavaScript event is fired, No JavaScript error.

I'm not sure how else to explain that.  

Expected result:  When I click on a tab, it switches to that tab and shows that tabs content.
Actual result: When I click on a tab, nothing happens.

Regarding creating a jsbin/jsfiddle I can work on that but since the cdn doesn't have the exact version 2012.3.1413 and I don't want to have the internal build public.  I may have some difficulty.

I will refrain from any further posting on this topic until this topic is resolved and keep our conversation to this thread.
-john-

(I consider this resolved now, since I fixed it, but wanted to leave it open, in case they eventually do reply)

After no reply other than a request for a jsbin/jsfiddle repro steps, I solved it myself.

If you have the internal build v2012.3.1413, then here is how you fix the tab issues:

(Here is my response to a private message that may help others)

The issue I encountered was the event was being wired up on the child (line 33202) and not the wrapper like it previously was.

I'm working on fixing the column reorder and resize too.  (Column Resize is fixed)
I'll let you know when I have a fix for that.

Below is the fix for the tabs:

In Kendo.Web.JS
Put Clickable and DisabledLinks back 
Line 33041:
        CLICKABLEITEMS = ".k-tabstrip-items > " + NAVIGATABLEITEMS,
        HOVERABLEITEMS = ".k-tabstrip-items > " + NAVIGATABLEITEMS + ":not(." + ACTIVESTATE + ")",
        DISABLEDLINKS = ".k-tabstrip-items > .k-state-disabled .k-link",


Then in Line 33190
that.wrapper
                 .on(CLICK + NS, DISABLEDLINKS, false)
                 .on("touchend" + NS + " mouseup" + NS, CLICKABLEITEMS, function (e) {
                     if (that._click($(e.currentTarget))) {
                         e.preventDefault();
                     }
                 })
                .on(MOUSEENTER + NS + " " + MOUSELEAVE + NS, HOVERABLEITEMS, that._toggleHover)
                .on("keydown" + NS, $.proxy(that._keydown, that))
                .on("focus" + NS, $.proxy(that._active, that))
                .on("blur" + NS, function () { that._current(null); });

            //that.wrapper.children(".k-tabstrip-items")
            //    .on(CLICK + NS, ".k-state-disabled .k-link", false)
            //    .on(CLICK + NS, " > " + NAVIGATABLEITEMS, function (e) {
            //        if (that._click($(e.currentTarget))) {
            //            e.preventDefault();
            //        }
            //    });

I sincerely hope this helps someone else who is encountering the same issues.

-john-
0
Nikolay Rusev
Telerik team
answered on 26 Feb 2013, 12:01 PM
Hello John,

To your question: 

"Can you at least comment that my solution is acceptable for the time being or should I do something else?"

We cannot classify your solution as acceptable as we are not able to replicate the issue it solves. The code you refer is changed in order to fix an issue with Editor inside TabStip in iOS5.  

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Travis
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Travis
Top achievements
Rank 1
John
Top achievements
Rank 2
Sebastian
Telerik team
Share this question
or