task

FIX-PRB-6697

PROBLEM TO SOLUTION

  1. [TITLE =]
    1. 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
  2. [DESC =]
    1. x] ON PAGE view/articles 
  3. [WHERE=]
    1. x] ON PG = 'view/article?id=6###' 
  4. [WHEN=]
    1. x] code for selecting toolbar radio button is not firing, example code we copied exactly works perfectly (in js fiddle) 
  5. [RESULT = WHAT.HAPPENS.WHEN]
    1. x] ERROR MSG = 'none' aka silent
    2. x] ERROR MSG DETAILS ='none'
  6. [CAUSE.SUSPECT=]
    1. ] data-toggle
  7. [TRY =001]
    1. x] 
    2. [TEST=]
      1. ] see 'status' notes below
    3. [RESULT=001]
      1. ] result =PASS
  8. [RESOLUTION=]
    1. ] WORKAROUND = ] write eh for label containing input, 
  9. [STATUS=]
    1. x] COMPLETED (RESOLVED), ] TO-DO (Pending), i] IN-PROCESS (Working)
  10. [OTHER]
    1. x] openDate: 2016-12-21
    2. x] openBy: don.sagrott
    3. x] startDate:2016-12-21
    4. x] completeDate: 2016-mm-dd
    5. x] owner: don.sagrott
    6. ] time: 00.00

status

[previously]

  1. [00:00] NEW task IN 
    1. x] # # - 

[currently]

  1. [00:00] NEW task IN 
    1. ] # # -
  2. [00:00] NEW task IN
    1. ] # # -  

[next]

  1. ] *
    1. ] 

- PRB - todo/inprocess/... radio button clicks NOT working

- CAUSE - data toggle = buttons, 

- SOL 

- using selector id on radio, ex id=radio1 , $("#radio1).click

- existing functions are written this way BUT  - DOES NOT WORK

- HAVE buttons

- TRY use type=checkbox (vs radio), rename, no change

 - TESTING many different selector variations, 

- WORKS - using id on button container, either click or change events

- REF art# SO 

- 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# # = 

- PRB selector $(#myRadios :input) does not select the input group in my code, BUT works in example code

- CAUSE: 

- SOL : 

- TRY = rem the event handlers for  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 

- TRY = use first child selector 

- TRY = -v-test = stripped both files ( .js and .cshtml) of everything but 'example' code

 

 

- REMOVE data-toggle

- ADD code to adjust 'text' on labels dependant upon 'current_app' 

- ADD label ids

- ADD label event handlers

- return data-toggle

- UPLOAD view/articles, /script/toolbar-records.js, /Shared/toolbar-records.cshtml, 

- TEST = ] select all NF after ... ] label id NOT input id ? does it matter? ] 

 

Details Photos Edit more

Details

ID: 6697

NAME: FIX-PRB-6697

DESCRIPTION: ] NEW FIX-PRB-6697 -selecting :input

START DATE TIME: 2016-12-22 15:30:00

EST DURATION: 01:00:00

END DATE TIME: 2016-12-22 16:30:00

STATUS: To-Do

PRIORITY: -5

OWNER ID: 1

Content Photos Edit more

photos

photos for this task

actions

Agenda Email task SMS task Priorities