gfs-react-dm
Version:
简化react和redux的繁杂流程，更简单的数据操作管理
339 lines (208 loc) • 9.72 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimal-ui" />
<title>View - gfs-react-dm</title>
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
</head>
<body class="yui3-smart" _assetsPath="../assets">
<nav class="navbar navbar-inverse navbar-fixed-top custom-navbar" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand mainlogo" href="">
<img alt="gfs-react-dm" src="../assets/css/logo.png" title="gfs-react-dm">
gfs-react-dm
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">主页</a>
</li>
</ul>
<div class="navbar-form navbar-right filterAPi" autocomplete="off">
<input type="text" id='txtSearchAPI' class="form-control search-query" placeholder="Search for API" />
<ul id="filterList" class="filterItems dropdown-menu" role="menu"></ul>
</div>
</div>
</div>
</nav>
<div id="sidebar">
<h3>模块/类</h3>
<div id="api-tabview-filter">
<input id='txtSearch' type="search" class="form-control" placeholder="Type to filter Modules/Classes">
</div>
<dl id="sidebar_list">
<dt>
<span class="glyphicon glyphicon-minus"></span>
<a href="../modules/gfs-react-mvc.html">gfs-react-mvc</a>
</dt>
<dd>
<ul>
<li>
<a href="../classes/Control.html">Control</a>
<ul>
</ul>
</li>
<li>
<a href="../classes/Page.html">Page</a>
<ul>
</ul>
</li>
<li>
<a href="../classes/Model.html">Model</a>
<ul>
</ul>
</li>
<li>
<a href="../classes/View.html">View</a>
<ul>
</ul>
</li>
</ul>
</dd>
</dl>
<div class="icon-sidebar-btn icon-sidebar-btn-open"><span class="glyphicon glyphicon-chevron-left"></span>收起</div>
</div>
<div class="stdoc-content">
<div class="apidocs">
<div id="docs-main">
<div class="content">
<div class="page-header">
<h1>View</h1>
</div>
<div class="well well-small sign-left3">
<div class="stdoc-code"><p>视图</p>
</div>
</div>
<div class="hide-view-demo hide-edit-code hide-found-at">
<div class="tab-content">
<div id="class" class="tab-pane">
<div class="well well-small classDetail sign-left1">
<div class="foundat">
Defined in: <a href="../files/src_view.js.html#l4"><code>src/view.js:4</code></a>
</div>
Module: <a href="../modules/gfs-react-mvc.html">gfs-react-mvc</a>
</div>
</div>
<div id="method" class="tab-pane active">
<h2 class="off-left">方法</h2>
<div id="method_View" class="method item">
<h3 class="name">View</h3>
<code>
View
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
action
</li>
</ul><span class="paren">)</span>
</div>
</code>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p class="foundat">
Defined in
<a href="../files/src_view.js.html#l8"><code>src/view.js:8</code></a>
</p>
</div>
<div class="description well well-small sign-left3">
<div class="stdoc-code"><p>一个装饰器方法，用于装饰类，被装饰的类为页面视图，或者说是react的component，并不是每一个component都需要被装饰</p>
</div>
</div>
<div class="params">
<h4>参数:</h4>
<div class="clearfix params-wap-table">
<div class="params-box">
<code class="param-name">action</code>
<span class="type">Object</span>
<span class="param-description">
<p>control对象，可以是一个数组，比如：View([TestControl,Test2Control] )</p>
</span>
</div>
</div>
<table class="table table-bordered params-pc-table">
<tr class='active'><th>参数名</th><th>类型</th><th>标识</th><th>描述</th></tr>
<tr class="param">
<td> <code class="param-name">action</code>
<td> <span class="type">Object</span>
<td>
</td>
<td><div class="param-description">
<p>control对象，可以是一个数组，比如：View([TestControl,Test2Control] )</p>
</div>
</tr>
</table>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<p>class</p>
</div>
</div>
<div class="example">
<h4>Example:</h4>
<ul class="nav nav-tabs example-list">
</ul>
<div class="example-content ">
<div class="stdoc-code"><pre class="code prettyprint"><code> import {View} from 'gfs-react-mvc'
import TestControl from './TestControl'
//这里由于@为文档关键符号，所以下面将以$代替
//@View(TestControl)
$View(TestControl)
class TestComponent extends Component {
constructor(props) {
super(props)
}
componentDidMount(){
setTimeout(()=>{
//调用control中的action
this.props.save(this)
},1000)
}
static defaultProps={}
render() {
console.log('age:',this.props.testmodel.get('age') )
return (
<div>
{this.props.testmodel.get('age')}
</div>
)
}
}</code></pre>
</div>
</div>
<div class="btn-method-box">
<button class="btn btn-info btn-viewDemo" type="button">查看示例</button>
<button class="btn btn-info btn-editDemo" type="button">编辑代码</button>
</div>
<div class="device"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="gotoTop" class='well well-small' href='#'>
</a>
<script src="../assets/vendor/jquery/jquery-1.8.2.js"></script>
<script src="../assets/vendor/bootstrap/js/bootstrap.js"></script>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script src="../assets/js/config.js"></script>
<script src="../assets/js/doc.js"></script>
</body>
</html>