[dishmannParticipant]

Thank you does not express how deep my gratitude is for the above.
but…

Thank you

dishmann

[dishmannParticipant]

Hey again.

Yep. That makes sense. OK here is an additional challenge I am facing. In the example above I am dragging synonymous items (table rows to table rows). That was easy to get working. The next phase is to use what I learned in an application. The challenge I am facing now is I am dragging a table row as in the example above to a row in a jqx tree grid.

I am not really sure how to interact with the tree grid as a dropTarget just yet. Lots of study yet to do. Does any of the jqx team have advice or better yet a sample on how to approach dragging onto a tree grid?

Thanks again.

[dishmannParticipant]

Follow up

In reviewing the above code this morning, I realized that I “could” track the active dropTarget in the same manner as I track onCart. subsequently in the dragEnd handler I could then use the tracking variables to identify the recipient of the dragEnd if onCart is true.

Really I was asking if there was something internal to the dragdrop plugin that would tell me the dropTarget object in the dragEnd event.
If not I can add more management code to figure it out.

Always learning.

Thanks

[dishmannParticipant]

Hristo and all of the support team….

That worked. As I stated not only did I renew but I took it to the next level.
For others that are following this thread or may read it in the future I am going to remove the test files referenced earlier in this thread. Just to keep the site clean. (I’m busy so they may be around for a few weeks.)

I am hoping this one fix will work in a web app that I invested much time in that is way too complex to even bring to the forums.

But again… thank you for helping with this issue. (and all the other issues I run into)

[dishmannParticipant]

Hi Again.

It occurred to me today to check if this is a .NET issue only. So…
I cut and pasted the code from the .Net aspx file to a straight html file.

Link below….

http://www.gen-e-sys.com/ProjectOrganizer/TestPage.html

When I run the html page on my iPad, after tapping the Enter Key on the iPad virtual keyboard to complete my edit, the form was submitted.

Hope to have an answer from you all. I cannot believe no one else has gotten this issue. The form tag is a primary element of html.

[dishmannParticipant]

First sorry to get back at this so late.
Had to work work that pays the bills….

However, thanks to Hristo’s example I was able to find out what happened.

OK the crux of the issue is I am working in the .NET environment. So what I did was take his html example provided above and put it into an .Net aspx web page. Then add the differences to the Grid setup from my issue page to the example provided. No matter what I did I could not duplicate the issue. Until I started making changes surrounding the grid div.

the key change is:
====== Code snippet ========
Please, start to edit cell from ‘Last Name’ column when you are ready with the editing press Enter/Go/return this will navigate to the ‘Product’ column and begin edit the neighbor cell.

    <form id="form1" runat="server">
        <div id="jqxgrid"></div>
        <div id="log"></div>
    </form>

===============================

Notice that in this case I wrapped a form around the divs used by the original code.
I put this page on my site at http://www.gen-e-sys.com/ProjectOrganizer/TestPage.aspx

I’ll keep it there for as along as I can…

When you open this page in the Chrome browser from a Windows PC (Sorry I do not own a Mac but would like to)
It all works fine.

But when I load the same page on my iPad Pro I Then see the “Go” button on the virtual keyboard instead of the “return” button that we see in the demo code. Also when the Go button is pressed after editing the Last Name it appears that the “form” is submitted instead of the keyup handler being called.

I can get the return key to appear again if I remove the runat=”server” for tag attribute. But the form is being submitted when I press the Enter key. I have not tried it on an iPhone however my Pixel phone does the same thing.

PLEASE, PLEASE, PLEASE….

This is the “showstopper” that stops me from recommending this frameworks and putting my money where my mouth is as far as renewing.

Please help. I really do like the framework and would hate to have to write a separate mobile app without it for Mobile devices.

Thanks
and Best regards to all.

Rob

[dishmannParticipant]

Thanks Martin

[dishmannParticipant]

Thanks Martin.

I believed that if I applied the appropriate jqx CSS classes to a simple HTML Element I could make it work.

Nice to know that cant be done.

[dishmannParticipant]

Hi Hristo,

Yes I do have the handlekeyboardnavigation event coded and it works fine in all PC (Personal Computer/Desktop computers) Browsers.

Issue is occurring on iPad Chrome/Safari browsers, the keyboard event is not even fired. (I put code in to validate that.)

I believe it has something to do with the Go button style keyboard and why it appears when I am editing my jqxGrid (Textbox column for those that need to know).

In this circumstance I am using ASP.NET with a master page but that should not make a difference ??!???.

[dishmannParticipant]

Thanks Stanislav.

That worked.

dishmann

[dishmannParticipant]

Hi Stanislav,

Sorry… I returned the images so you can see them. But it sounds like you are correct in your understanding.

(I took the images out because I started to dig in using/learning the filterrow.html example. Which is also very cool.)

my gird props for filtering and sorting are:

filterable: true,
sortable: true,
autoshowfiltericon: false,

I get what you are saying but need more insight on the mechanics of setting the z-index of the menu ?
I am guessing I set the z-index on the css side ?

If so perhaps a hint. The class names in the “grid” styling and appearance page with ‘menu’ in the class name are:
‘jqx-grid-column-menubutton’. I don’t think I’m in the same place you are referring to.

Thanks for you help.

Dishmann

P.S. I might try a fiddle if I need to (it would be my first time and I guess I need to learn that as well).

[dishmannParticipant]

Thanks Peter,

I took a look at jsEditor. That is indeed a great substitute for an IDE. (Perhaps even better when I learn how to use it.)

Thanks for this heads up.
You just have to love a career where you always are learning something new. Pushing new boundaries.

Best regards to the jqWidgets team.

[dishmannParticipant]

Well I made the code exactly as specified and still the Grid will not accurately render a checkbox unless the column for the checkbox has editable set to true.

Sadly being that what I am asking for cannot be understood. It is pointless to continue.

The difference in my code versus the “example/demo” code is I am using an array as the source to the dataadapter.

[dishmannParticipant]

Hey Stanislav

It is hard to explain in writing. Your response however, led me to make a copy of and edit one of the demo files so we have a basis for future discussion.
Then I noticed something….

I believe the problem is occurring because I did NOT expressly supply the “data type” in the source for the dataadapter. (Namely the datafields property.)

While the grid will render without a datatype description, (very cool), the grid probably does not know the underlying data type to make the decision on how to render the cell so by default it outputs text. Only when I set the grid column to “editable” (the columntype is set to: “checkbox”) does the grid know to render a check box. But when the column is set to editable:false it uses the data type defined in the datafields property to render the cell.

I am going to adjust my code where the check box is not rendering to validate this deductive reasoning….
In my app I only want to use this one Checkbox to show data while other cells in the row are editable.

I’ll let you know….
Thanks

[dishmannParticipant]

When I set editable: false the value rendered is “true” or “false” no checkbox.

I want a checkbox. when editable=false.

Perhaps you have an example.

[Author]

Posts