[DundeeParticipant]

Hi Peter,

my example is different than you for sure..i just want to illustrate to you a simple alert box on focus to show you that no focus alert box happen on first click…

Like i said me and 2 other collegue try you example (without modification)..and for all 3 that doesn’t work. it is why i send you a sample example with alert box…

i don’t understand why it could work on your side and not our..with my stuff or your stuff…with the same code..on jsfiddle….it’s sound really strange to me…

If you try my last example..on jsfiddle..did you have the alert box on the first click…?

[DundeeParticipant]

For sure that i try it…We are 3 programmers that test your example with IE 11 and IE 10 on window 8 computer and that doesn’t work for all of us.

Here the example a talk before (i think the link icon in you editor doesn’t work for me too).. : http://jsfiddle.net/3cxzhgLn/2/

In this example, if a reproduce the step describe on my first post of this topic…i will not have alert box until a click a second time…in Internet explorer browser(IE 11)

Dou you have the alert box on the first mouse click with IE browser ?

[DundeeParticipant]

Did you try your workaround with I ?E…that doesn’t for me….

I don’t want to be impolite but i’m sorry to say that i still have problem….with no good answer to solve it..

You explain to me the endcelledit with enter or esc…right..i already know that..What i said before is only that i realize that if a did a enter or esc..after i can click other input and it’s will work as normal. But the reality is that user always use the mouse to click in every field/input.

here another small example of my stuff with a focus alert for my other input :

When i click in the input with mouse…no focus alert until the second mouse click (in IE browser)…Also the jqx version is binded to your website to the latest version 3.6.0

[DundeeParticipant]

Also..before editing the grid..if a click any other input..that work well as normal…but if i begin to write someting in the grid..or just click to focus on one cell in the grid…my problem happen

[DundeeParticipant]

But in my case, my problem is that when i click any other output outside the grid….the focus is still in the grid….and i need to click a second time to be sure that i write in the right input and not in the grid by error…

Does this is a normal behavior ?

[DundeeParticipant]

In my case, that didn’t work on my side of course, because after clicking one time on the other input, if i try to write someting…the text will appear in the firt cell of the grid….

What i realize is that if i tap “Enter” or “Esc”, i can now click only one time in the other input and that will write at the right place….so it’s look like that the grid doesn’t fire the “endcelledit” event…so the gridstill have the focus…

You don’t have this when you try my jsfiddle example?

[DundeeParticipant]

Sorry…it’s was suppose to have a link in my last post…but it doesn’t appear

here is the example

http://jsfiddle.net/e6ob731o/2/

[DundeeParticipant]

a great thank to you….it’s was so simple after reading you…

have a nice day

[DundeeParticipant]

Hi Peter,

first thank for your answer…

I know the the tooltips appear when you end edit…but i found that the tooltip doesn’t appear or not visible if i only have only 1 row or on the last row. If i add many row i can see the tooltip under the error cell except for the last row.It’s why i was thinking that validation tooltip doesn’t work.

i also have the autoheight parameter to false, so my grid take only the minimum height.

Is there any possibility for the tooltip to been shown correctly with only one row or on the last row ?

[DundeeParticipant]

If you have any other question or need other informations…just tell me i will try to give you all require

[DundeeParticipant]

Hi Peter,

here is a jsfiddle short example :

http://jsfiddle.net/py4fags9/5/

hope this could help you….it’s probably a stupid thing missing in my code…but cannot found

[DundeeParticipant]

Hi Peter,

the columnHeader is only a variable that i use with localisation, because i need both french and english language…so i built an object depending on the language…and in the second code part..you can see the definition of the columnheader….with the validation part.

So replace the value assign to columns :

columns: localization.LeanOvationSettings.columnsHeaders,

with

columnsHeaders: [
                             {
                                 text: 'Firstname', datafield: 'firstName', width: "20%",
                                 validation: function (cell, value) {
                                     if (value.length > 50)
                                         return { result: false, message: "The length of the firstname is up to 50 characters" };
                                     return true;
                                     }
                             },
                             {
                                 text: 'Lastname', datafield: 'lastName', width: "20%",
                                 validation: function (cell, value) {
                                     if (value.length > 50)
                                         return { result: false, message: "The length of the lastname is up to 50 characters" };
                                     return true;
                                 }
                             },
                             {
                                 text: 'Job type', datafield: 'jobType', width: "15%", columntype: 'dropdownlist',
                                 createeditor: function (row, column, editor) {
                                     //get data from the office list and assign a new data source to the dropdownlist.
                                     getJobType(culture, function (list) {
                                         editor.jqxDropDownList({ autoDropDownHeight: true, source: list, placeHolder: 'Choose' });
                                     });
                                 },
                                 // update the editor's value before saving it.
                                 cellvaluechanging: function (row, column, columntype, oldvalue, newvalue) {
                                     // return the old value, if the new value is empty.
                                     if (newvalue == "") return oldvalue;
                                 }
                             },
                             {
                                 text: 'Office', datafield: 'office', width: "45%", columntype: 'dropdownlist',
                                 createeditor: function (row, column, editor) {
                                     //T get data from the office list and assign a new data source to the dropdownlist.
                                     getOfficeList(culture, function (list) {
                                         editor.jqxDropDownList({ autoDropDownHeight: true, source: list, placeHolder: 'Choose' });
                                     });
                                 },
                                 // update the editor's value before saving it.
                                 cellvaluechanging: function (row, column, columntype, oldvalue, newvalue) {
                                     // return the old value, if the new value is empty.
                                     if (newvalue == "") return oldvalue;
                                 }
                             }
                    ],

i will try to reproduce it in jsfiddle to show us…as soon as possible.

[DundeeParticipant]

Just wanna add information about that i want to increase width on expand and decreve on collapse too..

[DundeeParticipant]

is there any plan to add this functionnality on tree….and probably other widget??

[DundeeParticipant]

Can you explain how the content properties act in reality…..??

If i put all fileds in the content properties of the window…can i be able to initialize all fields??..cause in majority..it’s also jqwidget stuff…so i not sure if the coee can reach all fields id to convert all div tags to jqwidget fields like jqxdropdownlist by example…

i need more information please…to be sure to understand all the impacts…on all fields, events triggered…etc

thank in advance for your good support.

[Author]

Posts