在rails3项目中出现分页内容不能加载Ajax情况，开始以为是升级rails 3的插件问题，记录一下解决办法。
1.view 显示层(如ask/show.html.erb)
< div id="queue"> < %= render :partial => ‘queue’ %>
< script>
$(document).ready(function() {
$(‘.pagination a’).attr(‘data-remote’, ‘true’);
});

2.controller (如ask_controller.rb)

def show
@user = User.find(params[:id])
@queue_items = @user.queue_items.with_state(:pending).paginate(:page => params[:queue_page] || 1, :per_page => 1)
respond_to do |format|
format.html
format.js
end
end

3.js template

$(‘#queue’).html(‘< %=escape_javascript render :partial => “queue” %>’);
$(‘.pagination a’).attr(‘data-remote’, ‘true’);

还有一种在Rails3中的方法也一并记录如下。(via:火哥的零碎)

class RemoteLinkRenderer < WillPaginate::ViewHelpers::LinkRenderer
def prepare(collection, options, template)
@remote = options.delete(:remote) || { }
super
end

def link(text, target, attributes = {})
if target.is_a? Fixnum
attributes[:rel] = rel_value(target)
target = url(target)
end
attributes[:href] = target
# page_attr = { :page => target }
@template.link_to( text.to_s.html_safe, target, :remote => true )
end
end

暂存，待整理！
定义座标作为限制(x,y) and (w,h) coordinates:
[CODE_LITE]
private int x, y, width, height;

public static final int ADAPT = -1;

public XYConstraints(int x, int y, int width, int height) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
}
[/CODE_LITE]
适应常数可能被使用为宽度和高度以便布局经理使用宽度并且高度定义由组分(got from get…..Size()).必须实施LayoutManager2 和所有方法被定义:
首先我们假设我们的布局不需要任何特别对准线, 对上部左角落总将被排列:
[CODE_LITE]
public float getLayoutAlignmentX(Container arg0) {
return 0;
}

public float getLayoutAlignmentY(Container arg0) {
return 0;
}
[/CODE_LITE]
1) 审阅所有分组和增加他们的X 和W 座标和Y 和H 座标。
2) 如果分组使用适应常数, 使用对应的方法在分组(得到..大小) 。
[B]E.g. the getPreferredSize method:[/B]
[CODE_LITE]
public Dimension preferredLayoutSize(Container arg0) {
int rightBound = 0;
int bottomBound = 0;

for (Iterator iter = constraints.keySet().iterator(); iter.hasNext();) {
Component comp = (Component) iter.next();
XYConstraints constraint = (XYConstraints) constraints.get(comp);
Dimension size = comp.getPreferredSize();
int width = constraint.getWidth();
if (width == XYConstraints.ADAPT) {
width = size.width;
}
if ((constraint.getX() + width) > rightBound) {
rightBound = constraint.getX() + width;
}
int height = constraint.getHeight();
if (height == XYConstraints.ADAPT) {
height = size.height;
}
if ((constraint.getY() + height) > bottomBound) {
bottomBound = constraint.getX() + height;
}
}
return new Dimension(rightBound, bottomBound);
}
[/CODE_LITE]
因为我们不存储什么, 我们不需要实施其它的invalidateLayout:
[CODE_LITE]
public void invalidateLayout(Container arg0) {
// No information cached
}
[/CODE_LITE]
现在我们来到有趣的部份,首先我们需要实施方法增加分组以限制来布局。
有二个方法: 一以限制代表作为对象和其他作为串。 串一个, 我们将解码串对对象和将要求第一方法:
[CODE_LITE]
public void addLayoutComponent(String constraintString, Component component) {
XYConstraints constraint = new XYConstraints(0, 0, XYConstraints.ADAPT, XYConstraints.ADAPT);
String[] args = constraintString.split(“;”);
for (int i = 0; i
暂存，待整理！
定义座标作为限制(x,y) and (w,h) coordinates:
[CODE_LITE]
private int x, y, width, height;

public static final int ADAPT = -1;

public XYConstraints(int x, int y, int width, int height) {
this.x = x;
this.y = y;
this.width = width;
this.height = height;
}
[/CODE_LITE]
适应常数可能被使用为宽度和高度以便布局经理使用宽度并且高度定义由组分(got from get…..Size()).必须实施LayoutManager2 和所有方法被定义:
首先我们假设我们的布局不需要任何特别对准线, 对上部左角落总将被排列:
[CODE_LITE]
public float getLayoutAlignmentX(Container arg0) {
return 0;
}

public float getLayoutAlignmentY(Container arg0) {
return 0;
}
[/CODE_LITE]
1) 审阅所有分组和增加他们的X 和W 座标和Y 和H 座标。
2) 如果分组使用适应常数, 使用对应的方法在分组(得到..大小) 。
[B]E.g. the getPreferredSize method:[/B]
[CODE_LITE]
public Dimension preferredLayoutSize(Container arg0) {
int rightBound = 0;
int bottomBound = 0;

for (Iterator iter = constraints.keySet().iterator(); iter.hasNext();) {
Component comp = (Component) iter.next();
XYConstraints constraint = (XYConstraints) constraints.get(comp);
Dimension size = comp.getPreferredSize();
int width = constraint.getWidth();
if (width == XYConstraints.ADAPT) {
width = size.width;
}
if ((constraint.getX() + width) > rightBound) {
rightBound = constraint.getX() + width;
}
int height = constraint.getHeight();
if (height == XYConstraints.ADAPT) {
height = size.height;
}
if ((constraint.getY() + height) > bottomBound) {
bottomBound = constraint.getX() + height;
}
}
return new Dimension(rightBound, bottomBound);
}
[/CODE_LITE]
因为我们不存储什么, 我们不需要实施其它的invalidateLayout:
[CODE_LITE]
public void invalidateLayout(Container arg0) {
// No information cached
}
[/CODE_LITE]
现在我们来到有趣的部份,首先我们需要实施方法增加分组以限制来布局。
有二个方法: 一以限制代表作为对象和其他作为串。 串一个, 我们将解码串对对象和将要求第一方法:
[CODE_LITE]
public void addLayoutComponent(String constraintString, Component component) {
XYConstraints constraint = new XYConstraints(0, 0, XYConstraints.ADAPT, XYConstraints.ADAPT);
String[] args = constraintString.split(“;”);
for (int i = 0; i