小编Pri*_*ogu的帖子

React Search过滤功能

基本上我的代码所做的是显示一个名单表格列表,顶部有一个搜索栏,当你输入一个值时,它会过滤列表.我目前在代码中遇到的问题是向DisplayTable组件添加if语句.我不希望它显示所有存储的数据,只是显示用户在搜索栏中输入的数据{queryText}

请忽略tableData变量

var InstantBox = React.createClass({
    doSearch:function(queryText){
        console.log(queryText)
        //get query result
        var queryResult=[];
        this.props.data.forEach(function(person){
            if(person.name.toLowerCase().indexOf(queryText)!=-1)
            queryResult.push(person);
        });

        this.setState({
            query:queryText,
            filteredData: queryResult
        })
    },
    getInitialState:function(){
        return{
            query:'',
            filteredData: this.props.data
        }
    },
    render:function(){
        return (
            <div className="InstantBox">
                <h2>Who is Richer?</h2>
                <SearchBox query={this.state.query} doSearch={this.doSearch}/>
                <DisplayTable data={this.state.filteredData}/>
            </div>
        );
    }
});

var SearchBox = React.createClass({
    doSearch:function(){
        var query=this.refs.searchInput.getDOMNode().value; // this is the search text
        this.props.doSearch(query);
    },
    render:function(){
        return <input className="searchbar-edit" type="text" ref="searchInput" placeholder="Search Name" value={this.props.query} onChange={this.doSearch}/>
    }
});

var DisplayTable = React.createClass({
      doSearch:function(queryText){
        console.log(queryText) …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

来自onclick的sum值获取请求foreach jquery

我试图总结jQuery中从json get请求获得的值.相反,它不断替换值而不是在变量中求和total.

请问我如何总结每次点击的价值?

继承我的代码

$(".checks").on("click", function(){
  var clicked = $(this);
  var room = clicked.val();
  var total = 0;

  if(this.checked) {
    $.get('/rooms.json', function(data){ 
      data.forEach(function(d){
        if(room == d.id){
          total += parseInt(d.room_type.price);
          $("#selected_rooms").append("<p>" + d.number + " @ " + d.room_type.price + "</p>");
          $("#total_amount").html("<p>" + total + "</p>");
        }
      });
    });
  } else {
    $("#selected_rooms").
  }
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

after_update回调不会更新属性

美好的一天...我已经为将要更新的特定列实现了 after_update 回调,在该列更新后,回调的目的是将新更新的值添加到另一列,即

class Product < ActiveRecord::Base
after_update :update_stock, :if => :produced_changed?

private 

def update_stock
    self.stock = self.stock + self.produced 
end     
end
Run Code Online (Sandbox Code Playgroud)

当我运行 Rails 控制台并运行“Product.update generated:450”时,stock 列将自动添加新值。即它工作完美,但是当我尝试从“视图/控制器”更新时,它根本不起作用。

请问有什么原因吗?

2.2.4 :004 > h
 => Product id: 1, name: "MAC Air Filter", partnumber: 33440, description: "Air filter", **stock: 3440**, created_at: "2016-04-08 11:38:58", updated_at: "2016-04-19 20:33:00", **produced: 33** 

2.2.4 :006 > h.update **produced:3000**
   (0.1ms)  SAVEPOINT active_record_1
  SQL (1.4ms)  UPDATE "products" SET "produced" = ?, "updated_at" = ? WHERE "products"."id" = ?  [[**"produced", 3000**], …
Run Code Online (Sandbox Code Playgroud)

ruby mysql activerecord ruby-on-rails

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

标签 统计

javascript ×2

activerecord ×1

jquery ×1

mysql ×1

reactjs ×1

ruby ×1

ruby-on-rails ×1