我试图将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">×</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) 有人知道吗?使用回形针有一个特殊的配置命令.
从图像中删除相机数据每个文件保持25-30 Kb.如果我们制作了很多版本(拇指,小......),它会非常敏感.在小图像中,没有此信息的文件的实际大小可以减少5-6倍.
提前致谢!
我使用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) 我正在寻找一个宝石或解决方案来生成控制器响应中的图像.
如果有可能在控制器中这样做会很好:
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,大虾和我正在寻找图像生成.
有人知道工作解决方案/例子吗?任何起点都将非常感激.
我无法从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)
这条线太长了.我对这个问题不是很认真.但是有可能制作多线?:)
我喜欢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)
有什么方法我不知道吗?:(
现在使用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) 假设我想为开发设置嵌套样式并为生产压缩.Compass配置文件中只有一个选项:
output_style = :compact # or :nested, :expanded, :compressed
Run Code Online (Sandbox Code Playgroud) 我现在正在当前的Rails3项目中编写一个导出器.此导出器必须将每个导出的记录标记为"已导出"(bool).我知道如何在一个循环中轻松地做到这一点,但老实说,让Rails查询数据库,比如连续300次,只是在300条记录上设置一个字段感觉不太好.
有谁知道是否有一个很好的方法来优化这个?我应该使用准备好的语句手动播放,还是Rails3自动处理?是否有另一个SQL命令可以在一个步骤中执行此操作?
谢谢你的帮助
optimization activerecord ruby-on-rails query-optimization ruby-on-rails-3
我有标签上下文的模型:
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)?
sass ×3
activerecord ×1
acts-as-tree ×1
caching ×1
carrierwave ×1
compass-sass ×1
css ×1
exif ×1
formtastic ×1
grouping ×1
mongoid ×1
multiline ×1
optgroup ×1
optimization ×1
react-jsx ×1
reactjs ×1
responders ×1
syntax ×1
zurb-reveal ×1