update table

Author: xiaoqing.dongxq

.jscsrc

@@ -0,0 +1,27 @@
+{
+    "requireCurlyBraces": ["if", "else", "for", "while", "do", "try", "catch"],
+    "requireSpaceAfterKeywords": ["if", "else", "for", "while", "do", "switch", "return", "try", "catch"],
+    "requireSpacesInFunctionExpression": {
+        "beforeOpeningCurlyBrace": true
+    },
+    "disallowSpacesInsideArrayBrackets": true,
+    "disallowSpacesInsideObjectBrackets": true,
+    "disallowSpacesInsideParentheses": true,
+    "disallowQuotedKeysInObjects": "allButReserved",
+    "disallowSpaceAfterObjectKeys": true,
+    "requireSpaceBeforeBinaryOperators": ["-", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<=" ],
+    "requireSpacesInConditionalExpression": {
+        "afterTest": true,
+        "beforeConsequent": true,
+        "afterConsequent": true,
+        "beforeAlternate": true
+    },
+    "requireSpaceAfterBinaryOperators": ["/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
+    "disallowKeywords": [ "with" ],
+    "disallowSpaceAfterPrefixUnaryOperators": [ "!" , "++", "--", "+", "-", "~"],
+    "disallowSpaceBeforePostfixUnaryOperators": ["++", "--", ","],
+    "disallowMultipleLineBreaks": true,
+    "disallowKeywordsOnNewLine": ["else"],
+    "safeContextKeyword": "self",
+    "excludeFiles": ["lib/**/parser.js"]
+}

.jshintignore

@@ -0,0 +1 @@
+node_modules

.jshinttrc

@@ -0,0 +1,28 @@
+{
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "freeze": true,
+    "indent": 4,
+    "latedef": "nofunc",
+    "quotmark": "false",
+    "nonew": true,
+    "newcap": false,
+    "immed": true,
+    "noarg": true,
+    "eqnull": true,
+    "trailing": true,
+    "undef": true,
+    "unused": true,
+    "browser": true,
+    "node": true,
+    "esnext": true,
+    "globals": {
+        "describe": false,
+        "expect": false,
+        "beforeEach": false,
+        "afterEach": false,
+        "modulex": false,
+        "it": false
+    }
+}

lib/Table.js

@@ -5,7 +5,7 @@ var React = require('react');
 //表格列
 var TableColumn = React.createClass({
 
-  render : function () {
+  render: function () {
     return (<th width={this.props.width}>{this.props.title}</th>);
   }
 });
@@ -15,17 +15,17 @@ var TableColumn = React.createClass({
  */
 var TableRow = React.createClass({
 
-  render : function () {
-    var _self= this,
-      columns = _self.props.columns,
-      record = _self.props.record,
-      index = _self.props.index,
+  render: function () {
+    var self = this,
+      columns = self.props.columns,
+      record = self.props.record,
+      index = self.props.index,
       cells = [];
     for (var i = 0; i < columns.length; i++) {
       var col = columns[i],
         renderer = col.renderer,
         text = record[col.dataIndex];
-      if(renderer){
+      if (renderer){
         text = renderer(text,record,index);
       }
       cells.push(<td>{text}</td>);
@@ -35,21 +35,21 @@ var TableRow = React.createClass({
 });
 
 var Table = React.createClass({
-  _getColumns : function () {
+  _getColumns: function () {
 
-    var _self = this,
-      columns = _self.props.columns,
+    var self = this,
+      columns = self.props.columns,
       rst = [];
     for (var i = 0; i < columns.length; i++) {
       var col = columns[i];
       rst.push(<TableColumn title={col.title} dataIndex={col.dataIndex} width={col.width}/>);
     }
     return rst;
   },
-  _getRows : function () {
-    var _self = this,
-      data = _self.props.data,
-      columns = _self.props.columns,
+  _getRows: function () {
+    var self = this,
+      data = self.props.data,
+      columns = self.props.columns,
       rst = [];
 
     for (var i = 0; i < data.length; i++) {
@@ -59,10 +59,10 @@ var Table = React.createClass({
     return rst;
 
   },
-  render : function () {
-    var _self = this,
-      columns = _self._getColumns(),
-      rows = _self._getRows();
+  render: function () {
+    var self = this,
+      columns = self._getColumns(),
+      rows = self._getRows();
 
     return (
       <table className={this.props.className}>

tests/index-spec.js

@@ -27,20 +27,23 @@ describe('table', function() {
         document.getElementById('t1')
   );
 
+  var node = $('#t1');
 
   it('create', function() {
-
+    expect(node.find('table').length).to.be(1);
   });
 
   it('init data', function() {
-
+     expect(node.find('tbody tr').length).to.be(data.length);
   });
 
   it('change data', function() {
 
   });
-
+/*
   it('renderer', function() {
-
+    expect(node.find('a').first().text()).to.be('操作')；
   });
+
+*/
 });

tests/runner.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">    
-    <title>rc-pager Mocha Runner</title>
+    <title>rc-table Mocha Runner</title>
 </head>
 <body>
 <div id="mocha"></div>