Making Dropdown Lists Data Driven, Adding New Empty Row

[eat-sleep-codeParticipant]

I am trying to build a simple roster application for a volunteer fire department where individuals will select the shifts they would like to cover.

I am looking through your examples but struggling with the implementation of a couple items.

Here is the page: http://eat-sleep-code.oo3.co/roster.html

* The data currently shown is being pulled from: http://eat-sleep-code.oo3.co/data/roster-read.php Right now, the dropdown list shows each item that appears in the column as an option. Instead I would like the options in the dropdowns to be pulled from: http://eat-sleep-code.oo3.co/data/people-read.php

* I would like to be add new empty rows to the list or delete a row. The examples I see on the site show add a row but it is already pre-populated with data like it may just be showing a new row.

[DimitarParticipant]

Hello eat-sleep-code,

1) Please check out the demo Customized Editors. Notice how the column “Ship Country” has a custom source (an array) for its dropdownlist editor. Instead of the array, you may populate the editor with a data adapter instance in a similar manner you populate the grid itself.

2) To add an empty row, just call:

$('#jqxGrid').jqxGrid('addrow', null, {});

To delete a row, invoke the deleterow method. You can learn more about these functionalities in the jqxGrid API Documentation.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[eat-sleep-codeParticipant]

Thanks for the concise directions. I got both items working as expected.

[Author]

Posts