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