blocks|key|2499603|text|这是一个建议。我编译并服务于同样的目的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2499604|在您的控制器中，从@vendor_orders中提取购物车id，并使用id作为关键字，随机颜色作为值进行散列。|offset|length|style|CODE|2499605|++++@ids+=+@vendor_orders.pluck(:id)
++++@ids+=+@ids.uniq
++++@color+=+Hash.new
++++@ids.each+do+%7Cval%7C
++++++++@color["#{val}"]+=+"##{random_hex}"
++++end|code-block|syntax|javascript|2499606|random_hex在哪里|2499607|def+random_hex
++++colour+=+"%2506x"+%25+(rand+*+0xffffff)
++++return+colour
end|2499608|现在，在您的视图中，内循环调用@color中对应于cart_id的颜色，如|2499609|<td+style='background:<%25=+@color["#{order.cart_id}"]+%25>'><%25=+order.cart_id+%25></td>|2499610|entityMap^0|0|9|E|0|0|0|0|F|6|0|0|2A|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|13|8|@$D|14|E|15|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

This is a suggestion. I compiled and served the same purpose.

in your controller pluck the cart ids from <code>@vendor_orders</code> and make a hash with the id as key and random color as value.

<pre><code> @ids = @vendor_orders.pluck(:id)
 @ids = @ids.uniq
 @color = Hash.new
 @ids.each do |val|
 @color["#{val}"] = "##{random_hex}"
 end
</code></pre>

where random_hex is

<pre><code>def random_hex
 colour = "%06x" % (rand * 0xffffff)
 return colour
end
</code></pre>

now in your view inside loop call the color respective to cart_id from <code>@color</code> like

<code>&lt;td style='background:&lt;%= @color["#{order.cart_id}"] %&gt;'&gt;&lt;%= order.cart_id %&gt;&lt;/td&gt;</code>

blocks|key|2499653|text|您将需要一些既不属于视图也不属于控制器的专用逻辑。我建议您将此逻辑放入演示者中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2499654|控制器逻辑非常简单：|2499655|#+app/controllers/orders_controller.rb

class+OrdersController+<+ApplicationController
++def+index
++++@presenter+=+VendorOrderPresenter.new(current_user&.id)
++end
end|code-block|syntax|javascript|2499656|特定的逻辑包含在演示者中：|2499657|#+app/presenters/vendor_order_presenter.rb

class+VendorOrderPresenter
++COLORS+=+%25w[red+blue].freeze

++def+initialize(current_user_id)
++++@current_user_id+=+current_user_id
++end

++def+vendor_orders
++++@vendor_orders+%7C%7C=+Order.where(product_id:+vendor_products.pluck(:product_id)).order(created_at:+:desc)
++end

++def+completed_orders
++++@completed_orders+%7C%7C=+vendor_orders.where(order_status:+"complete")
++end

++def+background_color(order)
++++index+=+colorable_cart_ids.index(order.cart_id)
++++index+?+COLORS[index+%25+COLORS.size]+:+nil
++end

++private

++attr_reader+:current_user_id

++def+vendor_products
++++VendorProduct.where(vendor_id:+current_user_id)
++end

++def+colorable_cart_ids
++++@colorable_cart_ids+%7C%7C=+cart_ids.select+{+%7Cid%7C+cart_ids.count(id)+>+1+}.uniq
++end

++def+cart_ids
++++@cart_ids+%7C%7C=+vendor_orders.pluck(:cart_id).compact
++end
end|2499658|现在，视图层简单直观，没有条件逻辑或专门的逻辑：|2499659|#+app/views/orders/index.html.erb

<h1>Index</h1>
<table>
++<thead>
++<th>Order+ID</th>
++<th>Cart+ID</th>
++</thead>
++<tbody>
++<%25+@presenter.vendor_orders.each+do+%7Corder%7C+%25>
++++<tr+style='background:<%25=+@presenter.background_color(order)+%25>'>
++++++<td><%25=+order.id+%25></td>
++++++<td><%25=+order.cart_id+%25></td>
++++</tr>
++<%25+end+%25>
++</tbody>
</table>|2499660|完整的工作解决方案可以在here上找到。|offset|length|2499661|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/moveson/order-row-colors^0|0|0|0|0|0|0|0|C|4|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|19|8|@]|9|@$S|1A|T|1B|1|1C]]|A|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

You will need some specialized logic that belongs neither in the view nor in the controller. I would suggest you place this logic into a presenter.

The controller logic is dead simple:

<pre><code># app/controllers/orders_controller.rb

class OrdersController &lt; ApplicationController
 def index
 @presenter = VendorOrderPresenter.new(current_user&amp;.id)
 end
end
</code></pre>

The specialized logic is contained in a presenter:

<pre><code># app/presenters/vendor_order_presenter.rb

class VendorOrderPresenter
 COLORS = %w[red blue].freeze

 def initialize(current_user_id)
 @current_user_id = current_user_id
 end

 def vendor_orders
 @vendor_orders ||= Order.where(product_id: vendor_products.pluck(:product_id)).order(created_at: :desc)
 end

 def completed_orders
 @completed_orders ||= vendor_orders.where(order_status: "complete")
 end

 def background_color(order)
 index = colorable_cart_ids.index(order.cart_id)
 index ? COLORS[index % COLORS.size] : nil
 end

 private

 attr_reader :current_user_id

 def vendor_products
 VendorProduct.where(vendor_id: current_user_id)
 end

 def colorable_cart_ids
 @colorable_cart_ids ||= cart_ids.select { |id| cart_ids.count(id) &gt; 1 }.uniq
 end

 def cart_ids
 @cart_ids ||= vendor_orders.pluck(:cart_id).compact
 end
end
</code></pre>

Now the view layer is simple and intuitive with no conditional or specialized logic:

<pre><code># app/views/orders/index.html.erb

&lt;h1&gt;Index&lt;/h1&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;th&gt;Order ID&lt;/th&gt;
 &lt;th&gt;Cart ID&lt;/th&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;% @presenter.vendor_orders.each do |order| %&gt;
 &lt;tr style='background:&lt;%= @presenter.background_color(order) %&gt;'&gt;
 &lt;td&gt;&lt;%= order.id %&gt;&lt;/td&gt;
 &lt;td&gt;&lt;%= order.cart_id %&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;% end %&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

A full working solution can be found <a href="https://github.com/moveson/order-row-colors" rel="nofollow noreferrer">here</a>.

My goal is to have rows where the loop results that have matching attributes have the same color background

Here is my attempt:

controller:

<pre><code>vendor_products = VendorProduct.where(vendor_id: current_user.id)
@vendor_orders = Order.where(product_id: vendor_products.map { |vp| vp.product_id}).order(created_at: :desc)
</code></pre>

Form:

<pre><code> &lt;% @vendor_orders.each do |order, cart_id| %&gt;
 &lt;tr class="ok"&gt;
 &lt;% if order.cart_id.present? &amp;&amp; order.cart_id == order.cart_id %&gt;
 &lt;td&gt;&lt;%= order.id %&gt;&lt;/td&gt;
 &lt;td&gt;&lt;%= order.cart_id %&gt;&lt;/td&gt;
 .....
 &lt;% else %&gt;
 &lt;td&gt;&lt;%= order.id %&gt;&lt;/td&gt;
 &lt;td&gt;&lt;%= order.cart_id %&gt;&lt;/td&gt;
 .....
 &lt;% end %&gt;
 &lt;/tr&gt;
 &lt;% end %&gt;
</code></pre>

(tried <code>if</code> statement both inside/outside <code>&lt;tr&gt;</code>)

Style:

<pre><code>.ok:nth-child(odd) {
 background: red;
}

.ok:nth-child(even) {
 background: blue;
}
</code></pre>

My goal is if the cart_id of the order match, then for the x number of orders matching cart_id's to have the same color background so it's known they are the same cart.

Example:

<pre><code>ID | Cart 

1 | 1 (red)

2 | 1 (red)

3 | nil

4 | 2 (blue)

5 | 2 (blue)
</code></pre>

So, ID 1 and 2 would have their rows as red and ID 4 and 5 would have their rows as blue. With 3 having no color since is doesn't belong to any cart. Also, would like this for only carts that have multiple items.

Some orders will have no cart and only have one product associated with them. Some order are created with a cart that will have multiple line items. 

so basically, IF an orders cart_id is present? and the cart.line_items.count > 1, to have all the orders associated with it the same color.

Models:

<pre><code>**cart**

has_many :line_items, dependent: :destroy
has_one :order
...

**line items**

belongs_to :cart
...

**order**

belongs_to :cart
</code></pre>

What my attempt does is nothing. All the results just turn red.

I am tagging JS and JQ just in case because I assume that is a viable option for this to work.

Color rows by matching associations in table

我的目标是让具有匹配属性的循环结果具有相同颜色背景的行这是我的尝试：控制器：vendor_products = VendorProduct.where(vendor_id: current_user.id)@vendor_orders = Order.where(product_id: vendor_products....

问通过匹配表中的关联为行添加颜色
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过匹配表中的关联为行添加颜色EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过匹配表中的关联为行添加颜色
EN