Question

If anyone experienced with jPicker, I would really like some help on this. I have a jPicker input box in a form, and when I post the form with Ajax, I try to reset the form back to it’s original values. Except that I have no idea how to reset the jPicker box to it’s original state, does anyone know how to do this?

Answer 1

jPicker maintains the information for its control in the $.jPicker.List[] array. To remove the jPicker association with the control you will need to destroy its corresponding entry in the $.jPicker.List[] array.

Loop through the list of items in the array to find the one that references the control with

$.jPicker.List[index].id

When you find your control in the array, destroy it with

$.jPicker.List[index].destroy()

After destroying the array element, you will need to remove the SPAN jPicker html object associated with the control. If there is only one you can

$('span.jPicker').remove()

otherwise you will need to discover the specific html element

$(rowParent).find('span.jPicker').remove();

Optionally: if you are using class reference vs. id reference, use the .data() function to tag your control and use the following statement to retrieve the unique value

$( $.jPicker.List[index] ).data()