0

我正在开发 ROR 应用程序，我首先从视图中的 ruby​​ 变量生成表。变量是这样的：

h=[{"folder"=>"test3", "weight"=>"100.0", "stocks"=>[{"id"=>"stock id3", "name"=>"Indian Oil Corporation Ltd.", "weight"=>"55.8"}, {"id"=>"stock id4", "name"=>"Power Finance Corporation Ltd.", "weight"=>"44.2"}]},{"folder"=>"test", "weight"=>"100.0", "stocks"=>[{"id"=>"stock id3", "name"=>"Indian Oil Corporation Ltd.", "weight"=>"55.8"}, {"id"=>"stock id4", "name"=>"Power Finance Corporation Ltd.", "weight"=>"44.2"}]},{"folder"=>"test2", "weight"=>"100.0", "stocks"=>[{"id"=>"stock id3", "name"=>"Indian Oil Corporation Ltd.", "weight"=>"55.8"}, {"id"=>"stock id4", "name"=>"Power Finance Corporation Ltd.", "weight"=>"44.2"}]}]

现在这是生成表的方式：

<h1 align="center"> Current Portfolio </h1>
 <table id="portfolios" width="500" border="1" align="center" height="300">
<thead class="colHeaders">
    <tr><th class="weight" bgcolor="#999999"><h4> Weight in Motif </h3></th>
        <th class="name" bgcolor="#999999"><h4> Segment &amp; Stocks</h3></th>
        <th class="price" bgcolor="#999999"><h4> Name of stock </h3></th>
  </thead>

<% h.each do |stock| %>
<tr id="titles" value="Disable Sort"> 
    <th bgcolor="#CCCCCC"> <h5>  <%= stock["weight"] %> </th>
    <th bgcolor="#CCCCCC"> <h5>   <%= stock["folder"] %> </th>
    <th bgcolor="#CCCCCC"> <h5>    </th>
  </tr>

  <% stock["stocks"].each do |details| %>
      <tr id="Stocks">
        <th>    <%= details["weight"] %> </th>
        <th>    <%= details["id"] %> </th>
        <% a=details["name"] %>
        <% a.gsub! /\s+/, '-' %>
        <% str="www.dalal-street.in/" %>
        <% str=str +a %>
        <% str=str[0..-2] %>
        <td id="<%= details["name"] %>">
            <%= link_to h(details["name"]), str %> 
            </td>


   </tr>


   <% end %>
   <% end %>

 </table>

使用 jquery 我正在使用拖放更改股票位置。即是从文件夹 test 3 到 test 的 stock id 3。现在我需要将其更新为我的反手。有什么方法可以让我的 h 变量根据表格更新为新值。

4

1 回答 1

1

为了将整个表变量发送回 Rails，您需要以下内容：

A/ 用javascript在客户端构建表对象，以便在修改后收集表的当前状态。（如果我们讨论的修改类型变得复杂，您可能会对Ember或Angularjs等前端 js 框架感兴趣）。

=> 1.您将表格按原样显示在类似的路径上

     "/table/table_id" or "/table/table_id/edit"

=> 2. 由用户修改

=> 3. 用户点击按钮或任何东西将表格“保存”到服务器

=> 4.您使用jQuery或用户浏览器中的任何框架收集修改表的数据

B/ 通过 POST 请求将包含您的表的前端变量发送到后端，然后发送到 rails 端的更新方法。

=> 5.您通过向服务器发出 POST 请求将其作为参数发送回服务器，假设在 url

     "/table/table_id/update"

post_data 是

      {table: your_modified_table_object_as_json}

C/ 在服务器端处理发送的数据并保存。

=> 6. 在包含渲染表和实例化变量的“显示”操作的 Rails 控制器中，添加一个更新方法，其中包含响应 js 发布表数据的 url 的相应路由

=> 7. 在此更新方法中，放置解析前端 js POST 请求发送的表所需的必要处理并保存它。根据您的 rails 应用程序数据结构，您可能需要解析发送的数据

例子

    def update
      @table = Table.find(params[:id])
      updated_table = JSON.parse(params[:table])
      @table.update_with_table_data(updated_table) # method to be implemented in Table model
      ... response, etc
    end

编辑：附加信息

要获取表的 id 并将数据发送回服务器，您应该使用这两种方法之一

1）使用常规路由：

在这种情况下，您为表提供服务的 url 和用户修改它的 url 包含表的 id。它应该类似于以下内容

    # browser window current url
    /tables/TABLEID
    or 
    /tables/TABLEID/edit

这样您就可以通过在 javascript 中调用 window.location.href 来获取 url

    # js
    current_url = window.location.href

然后用它发回数据

    #js
    update_url = current_url.replace(/\/edit$/, '')
    update_method = 'PUT'
    jQuery.ajax( url: update_url
                 method: update_method
                 ...

在 Rails 方面，您的路线将设置为在 params 哈希中为您提供 id

2）其他解决方案：将id或直接将整个路径放在html属性中并从javascript中检索它

例子：

您可以将此属性添加到您的表 url，例如：

    <table update_path="/tables/#{TABLEID}" id='table'>
    ... your table
    </table>

然后在你的javascript中

    update_url = jQuery('#table').attr('update_path')
    ...

有关表的 Javascript 端处理的更详细答案，请参阅： 如何使用 jQuery 推断更改表变量

于 2013-08-24T13:46:13.987 回答