gfs-react-dm
Version:
简化react和redux的繁杂流程，更简单的数据操作管理
553 lines (302 loc) • 18.8 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>Page - 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>Page</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_index.js.html#l17"><code>src/index.js:17</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_page" class="method item">
<h3 class="name">page</h3>
<code>
page
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
opts
</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_index.js.html#l22"><code>src/index.js:22</code></a>
</p>
</div>
<div class="description well well-small sign-left3">
<div class="stdoc-code"></div>
</div>
<div class="params">
<h4>参数:</h4>
<div class="clearfix params-wap-table">
<div class="params-box">
<code class="param-name">opts</code>
<span class="type">Object</span>
<span class="param-description">
<p>可以直接等于react component</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.middleware</code>
<span class="type">Array</span>
<span class="param-description">
<p>可选，中间件集合</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.module</code>
<span class="type">React component</span>
<span class="param-description">
<p>必填，需要渲染在页面的组件</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.devTools</code>
<span class="type">Object</span>
<span class="param-description">
<p>可选，数据模型调试，可视化面板，可以查看数据模型结构</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.bar</code>
<span class="type">Object</span>
<span class="param-description">
<p>可选，异步数据请求时加载状态栏</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.debug</code>
<span class="type">Boolean</span>
<span class="param-description">
<p>可选，是否是调试状态，调试状态下会输出日志信息</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.agent</code>
<span class="type">String</span>
<span class="param-description">
<p>可选，默认值为pc，三种可选值：pc、wap、other，other已bar字段对象为准</p>
</span>
</div>
<div class="params-box">
<code class="param-name">opts.container</code>
<span class="type">String</span>
<span class="param-description">
<p>可选，默认为root，组件放在页面的容器id</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">opts</code>
<td> <span class="type">Object</span>
<td>
</td>
<td><div class="param-description">
<p>可以直接等于react component</p>
</div>
<table class="table table-bordered">
<tr class='active'><th>参数名</th><th>类型</th><th>标识</th><th>描述</th></tr>
<tr class="param">
<td> <code class="param-name">middleware</code>
<td> <span class="type">Array</span>
<td>
</td>
<td><div class="param-description">
<p>可选，中间件集合</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">module</code>
<td> <span class="type">React component</span>
<td>
</td>
<td><div class="param-description">
<p>必填，需要渲染在页面的组件</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">devTools</code>
<td> <span class="type">Object</span>
<td>
</td>
<td><div class="param-description">
<p>可选，数据模型调试，可视化面板，可以查看数据模型结构</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">bar</code>
<td> <span class="type">Object</span>
<td>
</td>
<td><div class="param-description">
<p>可选，异步数据请求时加载状态栏</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">debug</code>
<td> <span class="type">Boolean</span>
<td>
</td>
<td><div class="param-description">
<p>可选，是否是调试状态，调试状态下会输出日志信息</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">agent</code>
<td> <span class="type">String</span>
<td>
</td>
<td><div class="param-description">
<p>可选，默认值为pc，三种可选值：pc、wap、other，other已bar字段对象为准</p>
</div>
</tr>
<tr class="param">
<td> <code class="param-name">container</code>
<td> <span class="type">String</span>
<td>
</td>
<td><div class="param-description">
<p>可选，默认为root，组件放在页面的容器id</p>
</div>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<p>RTools</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> imoprt {page} from 'gfs-react-mvc'
import Module from './TestComponent'
//渲染到页面
page(Module)</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>