LassoJSとMarko-WIdgets

Question

だから、私はここで少し悪夢です。これまでに愛されているmakoJsとMarko-widgetsを使って始めましょう。しかし...

これは、いくつかのサンプルの構成に従って、lassoJSと統合することです。ですから、ラッセスのやり方では、コンポーネント定義メソッドを実装する必要はありません。

module.exports = require('marko-widgets').defineComponent({ 
    template: require('./template.marko'), 

    getInitialState: function(input) { 
     return { 
      name: input.name, 
      selected: input.selected || false; 
     } 
    }, 

    getTemplateData: function(state, input) { 
     var style = ; 

     return { 
      name: state.name, 
      color: state.selected ? 'yellow' : 'transparent' 
     }; 
    }, 

    handleClick: function() { 
     this.setState('selected', true); 
    }, 

    isSelected: function() { 
     return this.state.selected; 
    } 
}); 

マイマルコファイルは、このよう書いている：

は、だから私は達成するために必要なもの

import './style.css' 

static function getClassNameForValue(value) { 
    if (value < 0) { 
     return 'negative'; 
    } else if (value > 0) { 
     return 'positive'; 
    } 
} 

class { 
    onInput(input) { 
     var value = input.value || 0; 

     this.state = { 
      value: value 
     }; 
    } 

    handleIncrementClick(delta) { 

     this.state.value += delta; 
     var value = this.state.value; 


     var send = { 
      value:value 
     } 
     console.log(value); 
     $.post("/tryPost", send,function(data) { 
      console.log(data); 
     }); 
    } 

    handleInputKeyUp(event, el) { 
     var newValue = el.value; 
     if (/^-?[0-9]+$/.test(newValue)) { 
      this.state.value = parseInt(newValue, 10); 
     } 
    } 
} 

$ var value=state.value; 

<div class=['number-spinner', getClassNameForValue(value)]> 

    <button type="button" onClick("handleIncrementClick", -1)> 
     - 
    </button> 

    <input type="text" value=state.value size="4" 
     onKeyUp("handleInputKeyUp")> 

    <button type="button" onClick("handleIncrementClick", 1)> 
     + 
    </button> 

</div> 

編集： だから私は考えていたが、私は「これらのモジュールのバージョンを知っています使用すると助けになるかもしれません。

"lasso": "^2.11.3", 
    "lasso-less": "^2.4.3", 
    "lasso-marko": "^2.2.2", 
    "lodash": "^4.17.4", 
    "markdown-js": "0.0.3", 
    "marked": "^0.3.6", 
    "marko": "^4.0.0-rc.18", 
    "marko-widgets": "^6.6.0" 

どのようにライフサイクルのイベントのリスナーを実装するのですか？

Answer 1

私は質問が何であるか分かりませんが、marko v4の場合、marko-widgetsはインストールしないでください（markoのみインストールする必要があります）。あなたは、次の操作を実行したいと思う：

npm uninstall marko-widgets --save 

我々はV4のドキュメントを最終決定する過程ではまだですが、多分コンポーネントのライフサイクルメソッドで次のv4のドキュメントが役立つだろう：https://github.com/marko-js/marko/blob/9b6a288d83fef926590f24368a40476c5ff0e240/docs/06-components.md#lifecycle

ものが残っている場合不明な点、Gitterチャットルームに参加してください：https://gitter.im/marko-js/marko