6

我正在尝试实现一些看似非常简单的东西，而且我已经为此苦苦挣扎了好几天。

我所需的最终结果是一个国家选择下拉，绑定到状态选择下拉，以这样的方式，即选择给定的国家/地区时，如果状态是已知的，则在“选择下拉”中将显示这些状态，如果该国家没有已知的州，然后显示一个文本字段。

我觉得我快到了。此时，界面实际上将根据人员所在的国家/地区生成该状态列表，但它拒绝动态更新下拉列表。

我的国家和州位置收集的视图部分如下所示：

# _person_setup.html.erb
         <td>
        <%= f.label :country, 'Select your country' %>*<br />
        <%= f.select :country, Carmen::country_names, {}, 
          {:style => 'width: 200px', 
          :id => 'country_select',
          :onchange => remote_function(
            :url => {:action => 'update_states'},
            :with => "'country='+value")} %>            
      </td><td>
        <p>
        <div id="states_div">
            <%= render :partial => 'states', 
                :object => Carmen::states(
                            Carmen::country_code(
                              @person.country)),
                :locals => {:form => f} %>
       </div>
        </p>            
      </td>

DIV 中引用的部分如下：

 # _states.html.erb
<% unless states.nil? or states.empty? %>
    <%= form.label :state, 'Select your state' %>*<br />
    <%= form.select :state, states.collect{|s| [s[0], s[0]]} %>
<% else %>
    <%= form.label :state, 'Please enter state or province' %>*<br />
    <%= form.text_field :state %>
<% end %>

最后，用于动态更新状态列表的控制器代码：

def update_states    
puts "Attempting to update states..."    
q = params[:country]    
states = Carmen::states(Carmen::country_code(q))
puts "Country = #{q}, states = #{states.collect{|s| s[0]}.join(", ")}."
render :update do |page|
    page.replace_html "states_div", 
      :partial => 'states',
      :object => states,
      :locals => {:form => form_for(@person)}
end
puts "OK"
end

现在，该代码在适当的时间被调用并生成适当的状态列表。例如，当用户单击澳大利亚时，“正在尝试更新州... Country = Australia, states = Australian Capital Territory, New South Wales, Northern Territory, Queensland, South Australia, Tasmania, Victoria, Western Australia”会显示在服务器进程。但是它不会更新页面，也不会在最后打印“OK”。简而言之，失败的路线无疑是

page.replace_html "states_div", 
      :partial => 'states',
      :object => states,
      :locals => {:form => form_for(@person)}

请注意，将此行替换为

page.replace_html 'states_div', "<b>is it working</b>"

正确替换 div，但当然没有任何有用的东西。

有人可以帮我理解这里发生了什么吗？

4

3 回答 3

1

Ryan Bates 有一个 Railscast，它展示了如何为产品选择类别或通过键入名称来创建新类别。这听起来与您所拥有的场景相似，因此您可能想检查一下：通过文本字段创建模型。

于 2009-06-10T15:18:42.837 回答
1

看起来您假设 @person 变量仍然可以从您的原始操作中使用。这可以通过当前人的过滤器进行设置，但您没有在问题中显示这一点。

如果您确实需要再次查找@person，我认为您必须在 remote_function 中传递 id。

于 2009-06-10T15:31:25.540 回答
0

这花了我一整天的时间来弄清楚至少可以“工作”的东西。我也在使用 Carmen 并且还弄乱了 form_for 模型表单中的 select 标记（实际上，fields_for 嵌套在 forms_for 中......这增加了额外的复杂性）。

我认为有更好的解决方案，但这对我有用。选择需要被表单引用，但选项不需要。因此，第一次通过时，我使用了 Carmen state_select 方法，该方法正确填充了 select 标签和所有嵌套的 options 标签。第二次通过，我只是替换选项。看一看：

在视图中，我选择使用 observe_field 方法，因为除了更新状态（一些其他本地化更改）之外我还做了其他事情，但这也适用于 remote_function 和其他方法：

<%= address_form.country_select :country, {:prompt => "--Select One--"} %>

不要被 id (user_address_attributes_country) 混淆，这只是我愚蠢的 forms_for/fields_for 实现）

<%= observe_field :user_address_attributes_country, :url => { :action => :changecountry }, :with => 'new_country' %>

<%= address_form.state_select :state, @user.address.country, {:prompt => "--Select One--"}, :style => 'width: 90px' %>

然后在我的控制器中，它看起来像这样：

def changecountry
  c = params[:new_country]

  respond_to do |format|
    format.html
    format.js {
      render :update do |page|
        page['user_address_attributes_state'].innerHTML = \
          "<option>--Select One--</option>" + state_options_for_select(nil, c)
      end
    }
  end
end

注：state_options_for_select也是来自卡门。除非我把它放在我猜视图助手可用的 respond_to 块中，否则我无法让它工作。另外，我user_address_attributes_state对视图中的 form_for/fields_for address_form.state_select 渲染调用生成的嵌套 id 进行了硬编码。

我希望这有帮助。如果有人能做得更好，相信我，我全神贯注。我会及时更改设计......但需要一些今天刚刚工作的东西，这是我在有限的时间内能弄清楚的最好的东西。

于 2009-12-07T06:27:55.370 回答