Author Topic: Popup Editing demo for Pro 3.3.0  (Read 3419 times)

tqmatheson

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 4
    • View Profile
Popup Editing demo for Pro 3.3.0
« on: May 12, 2016, 10:12:24 pm »
Hello,

The Param Query Pro examples do not include a “Popup Editing” demo, though the free version does have one (see Editing->Popup editing demo at http://paramquery.com/demos).  We have immediate use for such a feature on our current project.  Would it be possible to get a code sample/demo source of the Popup editing feature working with Param Query Pro 3.3.0 libraries?

Thank you!
Tim

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Popup Editing demo for Pro 3.3.0
« Reply #1 on: May 13, 2016, 10:40:30 pm »
jQueryUI dialog is used to create the popup in the demo.

It uses the following API of the grid: getRowData(), addRow(), updateRow(), deleteRow(), selection(), setSelection() which is present in both basic and Pro version, so there is little point in duplicating the same demo for Pro version.

I hope you can understand the demo and use it to create your own solution.

If not then kindly confirm and I would create a new demo for you.

tqmatheson

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 4
    • View Profile
Re: Popup Editing demo for Pro 3.3.0
« Reply #2 on: May 17, 2016, 07:35:13 pm »
We were hoping to see a working demo of the Popup Editing logic only because we have encountered a couple troubling differences when running non-Pro logic using the 3.3.0 libraries.  It is likely something we've overlooked but so far the cause has escaped us.  A working demo would be great, or if you can suggest viable work-arounds then that would be appreciated.  Almost everything works identically, but we ran into the following:

1) When running 2.0.4 demo code against 3.3.0 libraries, the dialog buttons do not show when the popup is first displayed.  We are running with the same jQuery and jQuery-ui libraries that are used in other 3.3.0 demos, which is jQuery 1.9.1 and jQuery-ui 1.11.4.  If we switch to use older jQuery and jQuery-ui libraries then the issue clears up, but its not clear why, and we'd prefer to reference the newer libraries that are referenced elsewhere in 3.3.0.

2) We'd prefer to set the grid editable property to false, so that inline row editing cannot occur.  In the 2.0.4 demo, the editable option appears to work such that a 'false' setting prevents inline row editing, but it is still possible to update a row using the updateRow method (which is perfect for a popup dialog  approach).  In 3.3.0, when the grid editable property is false, we are not able update the row using updateRow method. 

Attached is a sample of the code we're working with. 

Thanks again for your help.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Popup Editing demo for Pro 3.3.0
« Reply #3 on: May 18, 2016, 04:47:51 pm »
Popup editing demo for Pro 3.3.0 can be accessed at http://paramquery.com/pro/demos/crud

The only significant difference is that {checkEditable: false} is passed to updateRow() method