Default action performed by jQuery on the partial data in ruby on rails

Problem :- Default action performed by jQuery on the partial data in
ruby on rails

description :- I am attempting the following. A customer select option
in the main form. when a user selects a customer in the main form his
bills should appear in a select format in all the subsequent partials.
Nested form gem is being used to get the partial.

Problem :- as i select the customer i am able to get the customer data,
here the customer bills, but i am not able to post the data in the
partial. the div id where i am supposed to post the data is not been
detected. Bills concerning only the customer selected, does not appear
in the partial.

solutions Tried. 1. rewrote the entire code thinking problem might be
with the data but failed.

  1. changed the environment to windows thinking problem with the
    environment but the same problem is appearing in windows too.

  2. created a test project with one field in main form and one field in
    the partial to see if the problem is there in the main project but same
    error appears in the test project also.

  3. Tried to send customer data to the partial and yet still the same
    error appears.

  4. shifted the entire employee, customer and supplier code to partial.
    this solves the problem of getting bills, but allows user to select
    employee or supplier in the subsequent partials, fails validation,
    because each partial is a separate entity and changes done in first
    partial is not reflected in subsequent partial.

  5. tried to achieve the above problem without using jquery with rails
    code but java-script is very much required.

  6. changed the nested form gem to cocoon gem thinking the problem is
    with the gem, but the same problem occurs.

On 18 December 2012 08:17, sharath chander punthambekar
[email protected] wrote:

here the customer bills, but i am not able to post the data in the
partial. the div id where i am supposed to post the data is not been
detected. Bills concerning only the customer selected, does not appear
in the partial.

Your description is so vague that it is impossible to provide useful
help. First have a look at the Rails Guide on Debugging, this will
show you techniques to help debug your code. Using those techniques
work out exactly where the problem is arising. Once you know where
the problem is arising then if you still cannot see the answer post
again here showing the section of the code that is not working as you
expect.

Colin

Colin L. wrote in post #1089479:

On 18 December 2012 08:17, sharath chander punthambekar
[email protected] wrote:

here the customer bills, but i am not able to post the data in the
partial. the div id where i am supposed to post the data is not been
detected. Bills concerning only the customer selected, does not appear
in the partial.

Your description is so vague that it is impossible to provide useful
help. First have a look at the Rails Guide on Debugging, this will
show you techniques to help debug your code. Using those techniques
work out exactly where the problem is arising. Once you know where
the problem is arising then if you still cannot see the answer post
again here showing the section of the code that is not working as you
expect.

Colin

Thank you Colin. I will revert back with the code strip shortly. Sorry
to have been vague.
Sharath

sharath chander punthambekar wrote in post #1089481:

Colin L. wrote in post #1089479:

On 18 December 2012 08:17, sharath chander punthambekar
[email protected] wrote:

here the customer bills, but i am not able to post the data in the
partial. the div id where i am supposed to post the data is not been
detected. Bills concerning only the customer selected, does not appear
in the partial.

Your description is so vague that it is impossible to provide useful
help. First have a look at the Rails Guide on Debugging, this will
show you techniques to help debug your code. Using those techniques
work out exactly where the problem is arising. Once you know where
the problem is arising then if you still cannot see the answer post
again here showing the section of the code that is not working as you
expect.

Colin

Thank you Colin. I will revert back with the code strip shortly. Sorry
to have been vague.
Sharath

I am attempting the following. A customer select option in the main
form. when a user selects a customer in the main form his bills should
appear in the all the subsequent partials.

I am using ryan bates’s nested_form gem to get the partial. the code is
as follows.
<%= simple_nested_form_for @money_receipt do |f| %>

<div class="customers"><%= f.collection_select :customer_id,

Customer.all, :id, :name, options ={:prompt => “-Select a Customer”},
:style=>‘width:210px;’%>

/rest of the code/

<%= f.link_to_add "Add line items", :money_receipt_line_items %>

inside the partial

<%= f.collection_select :customer_bill_id, CustomerBill.all,:id,:id, {:prompt => "Select Customer bill"}, :style => 'width:202px;' %>

/rest of the code/

the jQuery code for the above is as follows
jQuery(document).ready(function(){
jQuery(".customers select").bind(“change”, function() {
var data = {
customer_id: jQuery(this).val()
}
jQuery.getJSON(
“/money_receipts/get_bills”,
data, function(data){
var result = “”,a,x;
var b = “Select customer Bill”
for(i=0;i<data.length; i++)
{
a = data[i];
result = result + “”+a[0]+"";
console.log(result);
}
child=jQuery(’.bill select’).html(b+result);
});
});
});

and finally in the controller i have. def get_bills
@bill_amount =
CustomerBill.find_all_by_customer_id(params[:customer_id]).map{|bill|
[bill.id]} if params[:customer_id]
respond_to do |format|
format.json { render json: @bill_amount }
end
end

i was attempting to filter the bills and put in the div id bill. Now if
i do a console.log in jQuery code i am getting the customer_id and the
bills but i am not able to post it. if i do console.log on the child i
get output as this jQuery(). where am i going wrong? is there a better
way to achieve the above? guidance required. Thanks in advance.

The fault area I feel is in jquery. A little more explanation is below;
jQuery
1 jQuery(document).ready(function(){
2 jQuery(".customers select").bind(“change”, function() {
3 var data = {
4 customer_id: jQuery(this).val()
5 }
6 jQuery.getJSON(
7 “/money_receipts/get_bills”,
8 data, function(data){
9 var result = “”,a,x;
10 var b = “Select customer Bill”
11 for(i=0;i<data.length; i++)
12 {
13 a = data[i];
14 result = result + “”+a[0]+"";
15 console.log(result);
16 }
17 child=jQuery(’.bill select’).html(b+result);

18 console.log(child);
19 });
20 });
21 });

Line number 14 i am able to get the result, i.e i am able to get the
bills. at line number 17 i am not able to post it. the next line i.e
line 18 i did a console.log of line 17 i am getting “jQuery ()” as
output but i must get the list of bills as output.

Div id “bill” in the partial is not been detected.

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs