Search jQuery

jQuery Forum

Screen name:
adrian.schnell

adrian.schnell's Profile

1 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

JQuery With NestedForms in Rails
[6Replies]
- 20-Feb-2013 05:39 PM
- Forum: jQuery Mobile
I've a problem - and i think the reason is jquery mobile.

In my rails application, I'm using the gem "nested_form".
In this way, i can add new items to my form with ajax. To add a link, I simple type:
1. <%= f.link_to_add "add", :items %>
This is converted to:
1. <a href="javascript:void(0)" class="add_nested_fields" data-association="items" data-blueprint-id="bill_items_fields_blueprint">add</a>
This works fine for my desktop app. But when I include jquery mobile, it's not working any more.
The code of nested form is:
2. document.observe('click', function(e, el) {
3. if (el = e.findElement('form a.add_nested_fields')) {
4. // Setup
5. var assoc = el.readAttribute('data-association'); // Name of child
6. var blueprint = $(el.readAttribute('data-blueprint-id'));
7. var content = blueprint.readAttribute('data-blueprint'); // Fields template
9. // Make the context correct by replacing <parents> with the generated ID
10. // of each of the parent objects
11. var context = (el.getOffsetParent('.fields').firstDescendant().readAttribute('name') || '').replace(new RegExp('\[[a-z_]+\]$'), '');
13. // context will be something like this for a brand new form:
14. // project[tasks_attributes][1255929127459][assignments_attributes][1255929128105]
15. // or for an edit form:
16. // project[tasks_attributes][0][assignments_attributes][1]
17. if(context) {
18. var parent_names = context.match(/[a-z_]+_attributes/g) || [];
19. var parent_ids = context.match(/[0-9]+/g) || [];
21. for(i = 0; i < parent_names.length; i++) {
22. if(parent_ids[i]) {
23. content = content.replace(
24. new RegExp('(_' + parent_names[i] + ')_.+?_', 'g'),
25. '$1_' + parent_ids[i] + '_');
27. content = content.replace(
28. new RegExp('(\\[' + parent_names[i] + '\\])\\[.+?\\]', 'g'),
29. '$1[' + parent_ids[i] + ']');
30. }
31. }
32. }
34. // Make a unique ID for the new child
35. var regexp = new RegExp('new_' + assoc, 'g');
36. var new_id = new Date().getTime();
37. content = content.replace(regexp, new_id);
39. var field = el.insert({ before: content });
40. field.fire('nested:fieldAdded', {field: field});
41. field.fire('nested:fieldAdded:' + assoc, {field: field});
42. return false;
43. }
44. });
Hope somebody can help me?

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend