edit-task
Home
Up
Delete
Task Name:
Task Description:
] # 6765 FIX-PRB-6765 - money update - selects NOT populating on PG add/transaction -
TaskGroup ID:
Start Date:
Start Time:
Duration:
Priority:
Status:
To Do
Completed
In Process
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">FIX-PRB-6765</h1> <h1 style="text-align: center;">PROBLEM TO SOLUTION</h1> <ol> <li><strong>TITLE =</strong></li> <ol> <li>'FIX-PRB-6765'</li> </ol> <li><strong>DESC =</strong></li> <ol> <li>WHEN='click select change option' RESULT='2nd level select does not populate'</li> </ol> <li><strong>[WHERE]</strong></li> <ol> <li>] ON PG = 'view/money'</li> </ol> <li><strong>[WHEN]</strong></li> <ol> <li>] PG loads, the select boxes change event doesnt fire, hence 2nd level select doesnt fill</li> </ol> <li><strong>[WHAT.HAPPENS.WHEN]</strong></li> <ol> <li>x] ERROR MSG = 'none'</li> <li>x] ERROR MSG DETAILS =''</li> </ol> <li><span style="background-color: #c0c0c0;"><strong>[CAUSE.SUSPECT]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] = ''</span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>[TRY =]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">]</span></li> <li><span style="background-color: #c0c0c0;"><strong>[TEST=]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] ...</span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>[RESULT=]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] ...</span></li> </ol></ol> <li><span style="background-color: #c0c0c0;"><strong>[RESOLUTION=]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] ...</span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>[STATUS]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">] RESOLVED, ] Pending,] Working</span></li> </ol> <li><span style="background-color: #c0c0c0;"><strong>[OTHER]</strong></span></li> <ol> <li><span style="background-color: #c0c0c0;">openDate: 2017-01-08</span></li> <li><span style="background-color: #c0c0c0;">openBy: don.sagrott</span></li> <li><span style="background-color: #c0c0c0;">startDate:2017-01-08</span></li> <li><span style="background-color: #c0c0c0;">completeDate: </span></li> <li><span style="background-color: #c0c0c0;">owner: don.sagrott</span></li> <li><span style="background-color: #c0c0c0;">time: 8.0 +</span></li> </ol></ol> <h2>[previously]</h2> <ol> <li><strong>[2017-01-08][00:00] NEW task IN ?</strong></li> <ol> <li>] # 6765 - FIX-PRB-6765 - selects not loading in </li> </ol> <li><strong>[00:00] NEW article IN </strong></li> <ol> <li>] # # - </li> </ol></ol> <h2>[currently]</h2> <ol> <li><strong>] PROBLEM - inner </strong></li> <ol> <li>] dlgtransaction is using DUPLICATE div id</li> <li>] EDIT = changed from id=grpSelects, to class=grpSelects</li> </ol> <li><strong>] SOLUTION (working)</strong></li> <ol> <li>x] bind to an event higher up, </li> <li>x] TRY= use "document" </li> <li>x] TEST = pass</li> <li>] TRY body, ... </li> <li>x] TRY div id=wrapperForm, </li> <li>x] TEST = pass chr</li> <li>] CAUSE: binding to element that doesnt exist yet, </li> <li>] http://stackoverflow.com/questions/14942048/why-is-my-jquery-onchange-not-working-for-dynamically-added-selects </li> <li>] ?=why does it work in FF, IE</li> </ol> <li><strong>] SOLUTION (working)</strong></li> <ol> <li>*] now all selects have the same event bound to each, BUT </li> <li>] NEED = assign specific function per select ( hence the original code of #FromAccount.on('change', doSomething) </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>] https://api.jquery.com/on/#on-events-selector-data-handler</li> <li>] http://stackoverflow.com/questions/3273350/jquerys-click-pass-parameters-to-user-function</li> </ol></div> <div><hr /></div> <div> <pre><strong>PRB 5 - 001 (contd) </strong></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> 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;"><span style="color: #46830d;"><!------------------------------------------------------------------------------------ </span></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;"><span style="color: #46830d;">money [_v_003 ][ base= dlgSelect4_transaction.cshtml ][ 2012-09-30 ][ copyright don.sagrott, all rights reserved ] </span></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;"><span style="color: #46830d;">------------------------------------------------------------------------------------ </span></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;"><span style="color: #46830d;">[ def ] dlg PAGE used to display a GENERIC 4 level cascading select, </span></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;"><span style="color: #46830d;">modelled on casc sel used in sendEmail feature (id=552) [ called ] money.cshtml </span></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;"><span style="color: #46830d;">[ revision history ] </span></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;"><span style="color: #46830d;">--------------------------------------------------------------------------------------- </span></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;"><span style="color: #46830d;">001] _v_001 </span></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;"><span style="color: #46830d;">002] _v_002 NEW VERSION - adding favorites </span></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;"><span style="color: #46830d;"><br /></span></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;"><span style="color: #46830d;">[===current===] </span></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;"><span style="color: #46830d;">---------------------------------------------------------------------------------------- </span></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;"><span style="color: #46830d;">] </span></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;"><span style="color: #46830d;"><br /></span></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;"><span style="color: #46830d;">[===next===] </span></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;"><span style="color: #46830d;">---------------------------------------------------------------------------------------- </span></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;"><span style="color: #46830d;">] </span></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;"><span style="color: #46830d;">[ begin CODE ] </span></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;"><span style="color: #46830d;">-------------------------------------------------------------------------------------------></span></pre> </div>