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

<h1 style="text-align: center;">FIX-PRB-6697</h1>
<h1 style="text-align: center;">PROBLEM TO SOLUTION</h1>
<ol>
<li>[TITLE =]</li>
<ol>
<li>x] FIX-PRB-6697 - unable to select to-do, inprocess,completed radio buttons for status, buttons toggle on off state, but event handler does not fire</li>
</ol>
<li>[DESC =]</li>
<ol>
<li>x] ON PAGE view/articles&nbsp;</li>
</ol>
<li>[WHERE=]</li>
<ol>
<li>x] ON PG = 'view/article?id=6###'&nbsp;</li>
</ol>
<li>[WHEN=]</li>
<ol>
<li>x] code for selecting toolbar radio button is not firing, example code we copied exactly works perfectly (in js fiddle)&nbsp;</li>
</ol>
<li>[RESULT = WHAT.HAPPENS.WHEN]</li>
<ol>
<li>x] ERROR MSG&nbsp;= 'none' aka silent</li>
<li>x] ERROR MSG DETAILS ='none'</li>
</ol>
<li>[CAUSE.SUSPECT=]</li>
<ol>
<li>] data-toggle</li>
</ol>
<li>[TRY =001]</li>
<ol>
<li>x]&nbsp;</li>
<li>[TEST=]</li>
<ol>
<li>] see 'status' notes below</li>
</ol>
<li>[RESULT=001]</li>
<ol>
<li>] result =PASS</li>
</ol></ol>
<li>[RESOLUTION=]</li>
<ol>
<li>] WORKAROUND = ] write eh for label containing input,&nbsp;</li>
</ol>
<li>[STATUS=]</li>
<ol>
<li>x] COMPLETED (RESOLVED), ] TO-DO (Pending), i] IN-PROCESS (Working)</li>
</ol>
<li>[OTHER]</li>
<ol>
<li>x] openDate: 2016-12-21</li>
<li>x] openBy: don.sagrott</li>
<li>x] startDate:2016-12-21</li>
<li>x] completeDate: 2016-mm-dd</li>
<li>x] owner: don.sagrott</li>
<li>] time: 00.00</li>
</ol></ol>
<div><hr /></div>
<h1 style="text-align: center;">status</h1>
<h2>[previously]</h2>
<ol>
<li>[00:00] NEW task IN&nbsp;</li>
<ol>
<li>x] # # -&nbsp;</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>[00:00] NEW task IN&nbsp;</li>
<ol>
<li>] # # -</li>
</ol>
<li>[00:00] NEW task IN</li>
<ol>
<li>] # # - &nbsp;</li>
</ol></ol>
<h2>[next]</h2>
<ol>
<li>] *</li>
<ol>
<li>]&nbsp;</li>
</ol></ol>
<div>
- PRB - todo/inprocess/... radio button clicks NOT working
- CAUSE - data toggle = buttons,&nbsp;
- SOL&nbsp;
- using selector id on radio, ex id=radio1 , $("#radio1).click
- existing functions are written this way BUT &nbsp;- DOES NOT WORK
- HAVE buttons
- TRY use type=checkbox (vs radio), rename, no change
&nbsp;- TESTING many different selector variations,&nbsp;
- WORKS - using id on button container, either click or change events
- REF art# SO&nbsp;
- SOL WORK - removing radio button container div attribute "data-toggle=buttons", this changes the look of the radios to more like a radio and now the original event handlers are firing (as well as the container div event handler)
g?='data-toggle= buttons' r# # =&nbsp;
<hr />
- PRB selector $(#myRadios :input) does not select the input group in my code, BUT works in example code
- CAUSE:&nbsp;
- SOL :&nbsp;
- TRY = rem the event handlers for &nbsp;RESULT = FAIL no change
- TRY = more variations - #myRadios label.btn , label.btn :input, .label.btn :input , label:input, label.input, label btn, label.btn.input RESULT = fail
- RESULT = PASS - #myRadios, #myRadios label, #myRadios label.btn
- TRY = added 'id=..." attribute to all other btn-group divs , RESULT = FAIL
- TRY = rem out all other toolbar button group components, RESULT = FAIL
- TRY = rem out my component, replace with example component RESULT=FAIL , works in the jsfiddle BUT does not work in my example
http://stackoverflow.com/questions/9262827/twitter-bootstrap-onclick-event-on-buttons-radio&nbsp;
- TRY = use first child selector&nbsp;
- TRY = -v-test = stripped both files ( .js and .cshtml) of everything but 'example' code
&nbsp;
&nbsp;
- REMOVE data-toggle
- ADD code to adjust 'text' on labels dependant upon 'current_app'&nbsp;
- ADD label ids
- ADD label event handlers
- return data-toggle
- UPLOAD view/articles, /script/toolbar-records.js, /Shared/toolbar-records.cshtml,&nbsp;
- TEST = ] select all NF after ... ] label id NOT input id ? does it matter? ]&nbsp;
&nbsp;
</div>

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