(public).sospep.events ~ view task ~ FIX-PRB-6765

<h1 style="text-align: center;">FIX-PRB-6765</h1>
<h1 style="text-align: center;">PROBLEM TO SOLUTION</h1>
<ol>
<li>TITLE =</li>
<ol>
<li>'FIX-PRB-6765'</li>
</ol>
<li>DESC =</li>
<ol>
<li>WHEN='click select change option' RESULT='2nd level select does not populate'</li>
</ol>
<li>[WHERE]</li>
<ol>
<li>] ON PG = 'view/money'</li>
</ol>
<li>[WHEN]</li>
<ol>
<li>] PG loads, the select boxes change event doesnt fire, hence 2nd level select doesnt fill</li>
</ol>
<li>[WHAT.HAPPENS.WHEN]</li>
<ol>
<li>x] ERROR MSG&nbsp;= 'none'</li>
<li>x] ERROR MSG DETAILS =''</li>
</ol>
<li>[CAUSE.SUSPECT]</li>
<ol>
<li>] = ''</li>
</ol>
<li>[TRY =]</li>
<ol>
<li>]</li>
<li>[TEST=]</li>
<ol>
<li>] ...</li>
</ol>
<li>[RESULT=]</li>
<ol>
<li>] ...</li>
</ol></ol>
<li>[RESOLUTION=]</li>
<ol>
<li>] ...</li>
</ol>
<li>[STATUS]</li>
<ol>
<li>] RESOLVED, ] Pending,] Working</li>
</ol>
<li>[OTHER]</li>
<ol>
<li>openDate: 2017-01-08</li>
<li>openBy: don.sagrott</li>
<li>startDate:2017-01-08</li>
<li>completeDate:&nbsp;</li>
<li>owner: don.sagrott</li>
<li>time: 8.0 +</li>
</ol></ol>
<h2>[previously]</h2>
<ol>
<li>[2017-01-08][00:00] NEW task IN ?</li>
<ol>
<li>] # 6765 - FIX-PRB-6765 - selects not loading in &nbsp;</li>
</ol>
<li>[00:00] NEW article IN&nbsp;</li>
<ol>
<li>] # # -&nbsp;</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>] PROBLEM - inner&nbsp;</li>
<ol>
<li>] dlgtransaction is using DUPLICATE div id</li>
<li>] EDIT = changed from id=grpSelects, to class=grpSelects</li>
</ol>
<li>] &nbsp;SOLUTION (working)</li>
<ol>
<li>x] bind to an event higher up,&nbsp;</li>
<li>x] TRY= use "document"&nbsp;</li>
<li>x] TEST = pass</li>
<li>] TRY body, ...&nbsp;</li>
<li>x] TRY div id=wrapperForm,&nbsp;</li>
<li>x] TEST = pass chr</li>
<li>] CAUSE: binding to element that doesnt exist yet,&nbsp;</li>
<li>]&nbsp;http://stackoverflow.com/questions/14942048/why-is-my-jquery-onchange-not-working-for-dynamically-added-selects&nbsp;</li>
<li>] ?=why does it work in FF, IE</li>
</ol>
<li>] SOLUTION (working)</li>
<ol>
<li>*] now all selects have the same event bound to each, BUT&nbsp;</li>
<li>] NEED = assign specific function per select ( hence the original code of #FromAccount.on('change', doSomething)&nbsp;</li>
<li>x] SOLUTION: assign .on delegated event to a 'higher up' element in the dom (ex document,body, ... I am using div wrapperForm )</li>
<li>x] pass data(args) with event via data map</li>
<li>x] use arg to customize the generic fillSelectL2</li>
</ol></ol>
<h2>[next]</h2>
<ol>
<li>]</li>
</ol>
<h2>[reference]</h2>
<div><ol>
<li>]&nbsp;https://api.jquery.com/on/#on-events-selector-data-handler</li>
<li>]&nbsp;http://stackoverflow.com/questions/3273350/jquerys-click-pass-parameters-to-user-function</li>
</ol></div>
<div><hr /></div>
<div>
<pre>PRB 5 - 001 (contd) </pre>
<pre>- x] TEST=PASS works local, works in ie </pre>
<pre>- x] TEST = FAIL in chrome ( ) </pre>
<pre>- delegates || select boxes</pre>
<pre>TRY </pre>
<pre>- change VS onchange , change works in ie, onchange</pre>
<pre>- html5 event attributes , NOT select object methods</pre>
<pre>TRY </pre>
<pre>- rename without hyphen(-) in object names,FromAccount VS From-Account, works in IE, still no go in chr</pre>
<pre>TRY </pre>
<pre>- rem balance of change event script, </pre>
<pre>- works in ie, no go in chr</pre>
<pre>&nbsp;TRY </pre>
<pre>- execute code FromAccount change in console - then it fires</pre>
<pre>TRY </pre>
<pre>- test in FF works</pre>
</div>
<div><hr /></div>
<div>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;!------------------------------------------------------------------------------------ </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">money [_v_003 ][ base= dlgSelect4_transaction.cshtml ][ 2012-09-30 ][ copyright don.sagrott, all rights reserved ] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">------------------------------------------------------------------------------------ </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">[ def ] dlg PAGE used to display a GENERIC 4 level cascading select, </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">modelled on casc sel used in sendEmail feature (id=552) [ called ] money.cshtml </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">[ revision history ] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">--------------------------------------------------------------------------------------- </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">001] _v_001 </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">002] _v_002 NEW VERSION - adding favorites </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"> </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">[===current===] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">---------------------------------------------------------------------------------------- </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"> </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">[===next===] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">---------------------------------------------------------------------------------------- </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">[ begin CODE ] </pre>
<pre style="font-family: Consolas; font-size: 10pt; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">-------------------------------------------------------------------------------------------&gt;</pre>
</div>

~ view task ~ TaskGroup] FEATURE-5525 FROM [ Plan] plan-projects IN [ calendars] prj-022-sospep