Welcome to the Lounge

var dataSource = [
  { id: 'table1-1', desc: 'Table 1 Foo', realId: 1 },
  { id: 'table1-2', desc: 'Table 1 Bar', realId: 2 },
  { id: 'table2-1', desc: 'Table 2 Foo', realId: 1 },
  { id: 'table2-2', desc: 'Table 2 Bar', realId: 2 },
  ...
];

Jeremy Falcon wrote:

with IDs like "table-id" to namespace them in essence.

Marc Clifton wrote:

My original rant took longer to write than the refactor the code

<div id="tree">
  <ul>
    <li id="table1-1" data-realid="1">Table 1 Foo</li>
    <li id="table1-2" data-realid="2">Table 1 Bar</li>
    <li id="table2-1" data-realid="1">Table 2 Foo</li>
    <li id="table2-2" data-realid="2">Table 2 Bar</li>
  </ul>
</div>

$(element).data('realid');

Marc Clifton wrote:

So now I have to refactor the Javascript code, probably appending a unique character for each of the parent types, and strip it out when I do the POST back the server (which are different URL's based on the parent) to get the record ID back that's being updated.

Marc Clifton wrote:

I'll report it as a bug in jqxWidgets

Quote:

keep looking long after others have given up.