小编Vol*_*ldy的帖子

如何使react.js与zurb一起发挥出色的形式

我试图将zurb揭示与形式整合到反应组件中.到目前为止,下一个代码正确显示模态形式:

ModalForm = React.createClass({
  handleSubmit: function(attrs) {
    this.props.onSubmit(attrs);
    return false;
  },

  render: function(){
    return(
      <div>
        <a href="#" data-reveal-id="formModal" className="button">Add new</a>
        <div id="formModal" className="reveal-modal" data-reveal>
          <h4>Add something new</h4>
          <Form onSubmit={this.handleSubmit} />
          <a className="close-reveal-modal">&#215;</a>
        </div>
      </div>
    );
  }
});
Run Code Online (Sandbox Code Playgroud)

Form组件非常标准:

Form = React.createClass({
  handleSubmit: function() {
    var body = this.refs.body.getDOMNode().value.trim();
    if (!body) {
      return false;
    }
    this.props.onSubmit({body: body});
    this.refs.body.getDOMNode().value = '';
    return false;
  },
  render: function(){
    return(
      <form onSubmit={this.handleSubmit}>
        <textarea name="body" placeholder="Say something..." ref="body" />
        <input type="submit" value="Send" className="button" /> …
Run Code Online (Sandbox Code Playgroud)

zurb-foundation reactjs react-jsx zurb-reveal

20
推荐指数
2
解决办法
1万
查看次数

如何使用carrierwave从图像中删除EXIF(相机)数据?

有人知道吗?使用回形针有一个特殊的配置命令.

从图像中删除相机数据每个文件保持25-30 Kb.如果我们制作了很多版本(拇指,小......),它会非常敏感.在小图像中,没有此信息的文件的实际大小可以减少5-6倍.

提前致谢!

exif ruby-on-rails carrierwave

11
推荐指数
1
解决办法
3573
查看次数

如何使用Fabrication制作带嵌入文档的Mongoid文档?

我使用Mongoid和Fabrication宝石.我从beta20切换到Mongoid.rc7,现在我无法使用嵌入文档制作文档:

#Models
class User
  include Mongoid::Document
  embeds_many :roles
end

class Role
  include Mongoid::Document
  field :name, :type => String
  embedded_in :user, :inverse_of => :roles
end

#Fabricators
Fabricator(:role) do
  name { "role" }
end

Fabricator(:user) do
  email                 { Faker::Internet.email }
  password              { "password" }
  password_confirmation { |user| user.password }
  roles { [] }
end

Fabricator(:admin_user, :from => :user) do
  roles(:count => 1) { |user| Fabricate(:role, :user => user, :name => "admin") }
end
Run Code Online (Sandbox Code Playgroud)

当我尝试制作时,admin_user我得到没有角色的用户.当我尝试制作角色时,我收到错误.

#<User _id: 4d62a2fd1d41c87f09000003, email: …
Run Code Online (Sandbox Code Playgroud)

mongoid ruby-on-rails-3 fabrication-gem

11
推荐指数
1
解决办法
3271
查看次数

如何在Rails中响应PNG或JPG并从HTML生成图像?

我正在寻找一个宝石或解决方案来生成控制器响应中的图像.

如果有可能在控制器中这样做会很好:

respond_to :html, :png

def show
  ...
  respond_to do |format|
    format.html
    format.png { ??? }  # some html to png converter 
  end
end
Run Code Online (Sandbox Code Playgroud)

png格式要求的响应处理与模板:

#show.png.haml
%h1
  Some title
%p
  Some content
Run Code Online (Sandbox Code Playgroud)

结果应该是图像.

我知道pdf生成解决方案PDFKit,大虾和我正在寻找图像生成.

有人知道工作解决方案/例子吗?任何起点都将非常感激.

image-generation responders ruby-on-rails-3

10
推荐指数
1
解决办法
1万
查看次数

SASS有多线吗?

我无法从SASS文档中找出答案.例如,我想使用带有5个参数的Compass mixin:

=link-colors(!normal, !hover = false, !active = false, !visited = false, !focus = false)
Run Code Online (Sandbox Code Playgroud)

我想用语义可理解的名称声明5个常量,如:

!top_line_navigation_link_normal_color = #00c
!top_line_navigation_link_hover_color = #0cc
!top_line_navigation_link_active_color = #c0c
!top_line_navigation_link_visited_color = #ccc
!top_line_navigation_link_focus_color = #cc0
Run Code Online (Sandbox Code Playgroud)

然后在下面的某个地方添加指南针mixin到我的mixin:

+link-colors(!top_line_navigation_link_normal_color, !top_line_navigation_link_hover_color, !top_line_navigation_link_active_color, !top_line_navigation_link_visited_color, !top_line_navigation_link_focus_color)
Run Code Online (Sandbox Code Playgroud)

这条线太长了.我对这个问题不是很认真.但是有可能制作多线?:)

syntax sass multiline

9
推荐指数
1
解决办法
4959
查看次数

SASS在多行上缩进语法?

我喜欢Sass的缩进语法(与SCSS相反,SCSS是空白不可知的并且使用括号和分号).我觉得它更清洁.

我有一个问题.如果我的行很长,则无法将其拆分为多行(例如,遵守80个字符的限制)

以这个非常长的mixin声明为例,首先用SCSS编写.

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0,
           $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, 
           $clear: false, $lead: true, $container: false) {
    color: red;
    display: block;
}
Run Code Online (Sandbox Code Playgroud)

我能够将一个长的声明分成多行.使用缩进语法,我认为没有办法.我必须将声明放在一行,这样的可读性较差.

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0, $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, $clear: false, $lead: true, $container: false)
    color: red
    display: block
Run Code Online (Sandbox Code Playgroud)

有什么方法我不知道吗?:(

css sass

9
推荐指数
2
解决办法
5837
查看次数

Formtastic选择分组

现在使用Formtastic我可以选择:

= f.input :category, :as => :select, :include_blank => false, :collection => subcategories
Run Code Online (Sandbox Code Playgroud)

这里我只展示儿童类别.我使用acts_as_tree插件进行父子关系.我想展示父类别.

Formtastic生成的选择应该如下所示:

<select name="favoritefood">
  <optgroup label="Dairy products">
    <option>Cheese</option>
    <option>Egg</option>
  </optgroup>
  <optgroup label="Vegetables">
    <option>Cabbage</option>
    <option>Lettuce</option>
    <option>Beans</option>
    <option>Onions</option>
  <option>Courgettes</option>
  </optgroup>
  ?
</select>
Run Code Online (Sandbox Code Playgroud)

如何在Formtastic中使用分组选择具有acts_as_tree功能的模型?有人知道吗?

更新

我发现这应该有效:

= f.input :category, :include_blank => false, :group_by => :parent
Run Code Online (Sandbox Code Playgroud)

但它没有错误:

undefined local variable or method `object_class' for #<Formtastic::SemanticFormBuilder:0x87d3158>
Run Code Online (Sandbox Code Playgroud)

看起来Formtastic中有一些错误.我查看了formtastic.rb并在detect_group_association方法中找到了object_class :

  def detect_group_association(method, group_by)
    object_to_method_reflection = self.reflection_for(method)
    method_class = object_to_method_reflection.klass

    method_to_group_association = method_class.reflect_on_association(group_by)
    group_class = method_to_group_association.klass

    # This will …
Run Code Online (Sandbox Code Playgroud)

grouping ruby-on-rails acts-as-tree optgroup formtastic

8
推荐指数
1
解决办法
9233
查看次数

是否可以使用Compass in rails为开发和生产设置不同的SASS输出样式?

假设我想为开发设置嵌套样式并为生产压缩.Compass配置文件中只有一个选项:

output_style = :compact # or :nested, :expanded, :compressed
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails sass compass-sass

7
推荐指数
2
解决办法
3690
查看次数

更新多个记录的单个属性的最佳实践

我现在正在当前的Rails3项目中编写一个导出器.此导出器必须将每个导出的记录标记为"已导出"(bool).我知道如何在一个循环中轻松地做到这一点,但老实说,让Rails查询数据库,比如连续300次,只是在300条记录上设置一个字段感觉不太好.

有谁知道是否有一个很好的方法来优化这个?我应该使用准备好的语句手动播放,还是Rails3自动处理?是否有另一个SQL命令可以在一个步骤中执行此操作?

谢谢你的帮助

  • 阿恩

optimization activerecord ruby-on-rails query-optimization ruby-on-rails-3

7
推荐指数
2
解决办法
4024
查看次数

如何使用acts_as_taggable_on缓存标记?

我有标签上下文的模型:

class Product < ActiveRecord::Base
  acts_as_taggable_on :categories
end
Run Code Online (Sandbox Code Playgroud)

我正在尝试初始化标签缓存:

class AddCachedCategoryListToProducts < ActiveRecord::Migration
  def self.up
    add_column :products,  :cached_category_list, :string
    Product.reset_column_information
    products = Product.all
    products.each { |p| p.save_cached_tag_list }
  end
end
Run Code Online (Sandbox Code Playgroud)

但是cached_category_list没有初始化.我做错了什么?有没有人可以使用这个gem的缓存(我的版本是2.0.6)?

caching ruby-on-rails acts-as-taggable-on

6
推荐指数
2
解决办法
2122
查看次数