[SoftwareIsHappinessParticipant]

Hi Giovanni,

Also, a couple of workarounds that have worked for me in the past:

jQuery .css()

Make sure your selector is only applies “pointer-events” to the first and last column headers– this will prevent any mouse events so the user will not be able to drag-n-drop columns (reorder).

$("selector").css("pointer-events", "none");

jQuery .off()

Remove delegated click handlers altogether. Be careful. Make sure your selector is specific so as not to interfere with jQWidgets.

$("selector").off("click", "**");

Hope this helps 🙂
Michael

[SoftwareIsHappinessParticipant]

Hi Giovanni,

It seems that the approach for most all JQWidget component events is to capture the event and perform post-processing. Since there doesn’t appear to be very many “before” events that may be captured. As a result, the only suggestion might be to use save state of the grid and then restore it.

Perhaps Dimitar can offer a better approach to implement life cycle events for a component. Otherwise, your only alternative may be to use to intercede and inject your “before” event into the grid event jQuery propagation/delegation.

I agree that recommending to JQWidgets to add “before” events to their component life cycle is a feature set that is apparently very much needed.

Michael

[SoftwareIsHappinessParticipant]

Hi Gio,

The pinned option is the right feature to use. 🙂 However, I think a “columnreordering” event would be ideal so that the event might be prevented or accepted by the grid. Unfortunately, it appears that a “before” and “after” event doesn’t exist for column re-ordering just an “after” event— “columnreordered” (past tense)?

Michael

[SoftwareIsHappinessParticipant]

Hi Peter,

Great to hear! Replicating the behavior should be not take very much effort to identify the source of the issue. Reply back after you have confirmed the behavior.

Michael

[SoftwareIsHappinessParticipant]

Hi Peter,

Replicating the behavior will be very easy. Start your Linux virtual machine or workstation. Use Chrome to visit the drop down component on your web site or in JSFiddle then hover over or click the componet– no event is captured! However, you may call the open() component method and the drop down options display (beautifully). For example:

$('#gridpagerlistjqxgrid').jqxDropDownList('open');

Note, this issue occurs in every instance of the drop down component no mater if it is part of the grid component or other components. Moreover, hovering or clicking works properly for all other components. It is very unlikely this is a core browser issue. It is probably a CSS or event propagation issue.

Reply back when you have confirmed issue and work item created.

Thanks,
Michael

[SoftwareIsHappinessParticipant]

You might consider this post… http://www.jqwidgets.com/community/topic/disable-specific-rows-selecction/

[SoftwareIsHappinessParticipant]

Hi Mario,

I accidentally posted the above reply to your post. However, I thought I would attempt to “unselect” rows from within the grid rowclick however the only way I could accomplish this is to trigger an event from outside of the grid. I am not familiar enough with jQWidgets. However what you are trying to accomplish may be restricted to the widgets scope. I’m sure you could create a workaround if the scope prevents what you are seeking but if you are presenting the user with a dialog box “asking a question” then this is what you will be doing anyways.

 $('#jqxgrid').on('rowclick', function (event) {
     $("#button").trigger('click');
 });
 $("#button").on('click', function () {
     $('#jqxgrid').jqxGrid('clearselection');
 });

Hope this helps!
Michael 🙂

[SoftwareIsHappinessParticipant]

Hi,

You should create an event handler and check to see if the columns to be re-ordered are allowed and if not then use event.cancel = true to prevent the re-order. For example:

 $('#jqxgrid').on('columnreordered', function (event) {
    var allowed = true;
    /* Write you condition to set variable allowed to false if columns should not be re-ordered */
    // event arguments.
    var args = event.args;
    // column text.
    var columnText = args.columntext;
    // column data field.
    var dataField = args.datafield;
    // old column index.
    var oldIndex = args.oldindex;
    // new column index.
    var newIndex = args.newindex;
    if (allowed == false)
       event.cancel = true;    
 });

NOTE: You are binding to the “columnreordered” of the jqxgrid component.

Hope this helps! 🙂
Michael

[SoftwareIsHappinessParticipant]

Hi Mario,

You should create an event handler and check to see if the columns to be re-ordered are allowed and if not then use event.cancel = true to prevent the re-order. For example:

 $('#jqxgrid').on('columnreordered', function (event) {
    var allowed = true;
    /* Write you condition to set variable allowed to false if columns should not be re-ordered */
    // event arguments.
    var args = event.args;
    // column text.
    var columnText = args.columntext;
    // column data field.
    var dataField = args.datafield;
    // old column index.
    var oldIndex = args.oldindex;
    // new column index.
    var newIndex = args.newindex;
    if (allowed == false)
       event.cancel = true;    
 });

NOTE: You are bind to the “columnreordered” of the jqxgrid component.

Hope this helps! 🙂
Michael

[SoftwareIsHappinessParticipant]

Another symptom of this issue and which also strongly suggests that the issue is within the implementation of the drop down is in addition to the click event the mouse over event is also not recognized by the drop down in Chrome on Linux. Events are not captured! As I mentioned before this typically is a z-index issue or perhaps an event propagation issue.

Awaiting your reply.

[SoftwareIsHappinessParticipant]

NOTE: The jQuery selector above that opens the drop down list in the grid is incorrect. Below is the correct method call:

$('#gridpagerlistjqxgrid').jqxDropDownList('open');

Do you understand Peter? If I am able to open the widget programmatically it is extremely unlikely it is core browser issue owned by Google?

[SoftwareIsHappinessParticipant]

Hi Peter,

Perhaps you might consider the following to help put your statement into perspective. Out of respect, I will not mention the several competing JavaScript user interface libraries whose grid implementation had no problem in both Firefox and Chrome on Linux in my evaluation this evening. I selected JQWidget because it is based on JQuery which has excellent and proven cross platform & cross browser support. JQWidget leverages JQuery a “de facto standard”. So why isn’t JQWidgets able to extend JQuery’s unarguably dependable cross platform & cross browser support? Please identify and describe the issue that you believe can only be resolved by Google Chrome and that it is not a cross platform & cross browser issue?

Michael

[SoftwareIsHappinessParticipant]

Hi Peter,

I am able to call the open() method from the JavaScript console and the drop down list opens. However, when I click on the drop down with the mouse it does not open. Apparently, the click isn’t being captured. This type of issue typically is a z-index issue and not a core browser issue. So, again. Please elaborate. Investing some effort will go a long way to earning a customers trust and loyalty.

$('#dropdownlistContentgridpagerlistjqxgrid').jqxDropDownList('open');

Michael

[SoftwareIsHappinessParticipant]

Hi Peter,

Please elaborate. JQWidgets is a cross-platform and cross-browser JQuery user interface library. In other words, since there are differences between browsers as well as browsers on different operating systems your reply is extremely dismissive!

I am very disappointed with the lack of effort in your reply and your technical support! In your first reply you did not take time to read my posts. In this post you do not provide enough information and assign ownership of this issue to Google.

As a software engineer of over 25 yrs I could share numerous examples where I resolved JavaScript issues that existed on one operating or another! How can you make such a generalized statement? If you have identified the issue to be within Chrome then please elaborate– what is the issue? Or have you not established support boundries and dimissed my post? Really?

We intended to purchase a enterprise license and technical support package. Is this what we might expect? Dismissive support?

Michael

[SoftwareIsHappinessParticipant]

Hi Peter,

I have visited the Drop Down List demo at: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdropdownlist/jquery-dropdownlist-getting-started.htm?search= and the click handler doesn’t display the list at. It would seem that the issue is with this component.

Please advise or resolve. This is fundamental JQWidget functionality. Moreover, we are a Linux software development team and develop on Ubuntu!

Thank you,
Michael

[Author]

Posts