API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 30th, 2015
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.97 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. var b = ReactBootstrap;
  4. $w.width=900;
  5. $w.height=800;
  6. $w.tableHeight=340;
  7. $w.tableColW={c1:50,c2:50,c3:50,c4:50,c5:50,c6:50}
  8. $w.testtableRows = React.createClass({
  9.  
  10. render: function() {
  11. var rows = this.props.rcds.map(function(rcd, i){
  12. var bgcolor="";
  13. if (i==this.props.selRow)
  14. bgcolor="#d9edf7";
  15. else
  16. if (i%2 == 1)
  17. bgcolor="#F8F8F8";
  18. else
  19. bgcolor="#FFFFFF";
  20. return (
  21. <tr key={i} >
  22. <td id={"testtable_row#testId#"+i}
  23. style={{width:this.props.cw.c1,backgroundColor:bgcolor,textAlign:"left"}}>{rcd.testId}</td>
  24. <td id={"testtable_row#testDate#"+i}
  25. style={{width:this.props.cw.c2,backgroundColor:bgcolor,textAlign:"left"}}>{rcd.testDate}</td>
  26. <td id={"testtable_row#testTimestamp#"+i}
  27. style={{width:this.props.cw.c3,backgroundColor:bgcolor,textAlign:"left"}}>{rcd.testTimestamp}</td>
  28. <td id={"testtable_row#testNbr#"+i}
  29. style={{width:this.props.cw.c4,backgroundColor:bgcolor,textAlign:"right"}}>{rcd.testNbr}</td>
  30. <td id={"testtable_row#id#"+i}
  31. style={{width:this.props.cw.c5,backgroundColor:bgcolor,textAlign:"right"}}>{rcd.id}</td>
  32. <td id={"testtable_row#versionNo#"+i}
  33. style={{width:this.props.cw.c6,backgroundColor:bgcolor,textAlign:"right"}}>{rcd.versionNo}</td>
  34.  
  35. </tr>
  36. )
  37. }, this);
  38. return (
  39. <tbody>
  40. {rows}
  41. </tbody>
  42. );
  43. }
  44. });
  45. $w.Application = React.createClass({
  46. mixins: [$w.FluxMixin, $w.StoreWatchMixin("PAGE","COMMON","RCD")],
  47. getInitialState: function() {
  48. $w.app = this;
  49. testtable_blank={
  50. testId:"",
  51. testDate:"",
  52. testTimestamp:"",
  53. testNbr:"",
  54. id:"",
  55. versionNo:"",
  56.  
  57. };
  58. return {
  59. user:$c.login.name,
  60. testtable_search:{
  61. maxRecord:"300",
  62.  
  63. testId:"starts with",
  64. testId_s:"",
  65. testId_e:"",
  66. testDate:"starts with",
  67. testDate_s:"",
  68. testDate_e:"",
  69. testTimestamp:"starts with",
  70. testTimestamp_s:"",
  71. testTimestamp_e:"",
  72. testNbr:"starts with",
  73. testNbr_s:"",
  74. testNbr_e:"",
  75. },
  76. testtable:{
  77. url:"/ajax/testtable",
  78. cw:$w.tableColW,
  79. totalW:$c.totalW($w.tableColW)+2,
  80. rcds:[],
  81. blank:_.cloneDeep(testtable_blank),
  82. selRow:-1
  83. },
  84. testtable_form:_.cloneDeep(testtable_blank)
  85. };
  86. },
  87. getStateFromFlux: function() {
  88. //this.props.flux=$w.flux;
  89. var pageStore = $w.flux.stores.PAGE;
  90. var commonStore = $w.flux.stores.COMMON;
  91. var rcdStore = $w.flux.stores.RCD;
  92. return {
  93. page: _.cloneDeep(pageStore.data),
  94. common:_.cloneDeep(commonStore.data),
  95. rcd:_.cloneDeep(rcdStore.data)
  96. };
  97. },
  98. render: function() {
  99. return (
  100. <div className="container-fixed"
  101. style={{fontSize:12,border:1,borderStyle:"solid",
  102. width:$w.width,height:$w.height,backgroundColor: "#F0F0F0"}}>
  103. <b.Row className="darkBgLarge"
  104. style={{margin:0,height:40,lineHeight:"40px",verticalAlign: "middle"}}>
  105. <b.Col xs={5} style={{textAlign: "center"}}>TEST TABLE 管理
  106. </b.Col>
  107. <b.Col xs={5} className="darkBgMid" style={{textAlign: "center"}}>
  108. {this.state.user}
  109. </b.Col>
  110. <b.Col xs={1} className="darkBgMid" >
  111. </b.Col>
  112. <b.Col xs={1} >
  113. <$c.Loader src="../static/img/ajax-loader.gif" isLoading={this.state.common.loading}/>
  114. </b.Col>
  115. </b.Row>
  116. <b.Row style={{margin:5}}>
  117. <b.Button bsSize="xsmall" bsStyle="primary" onClick={$w.handleClick}
  118. name="btntesttable_Search" style={{width:60,marginLeft:10}}>検索</b.Button>
  119. </b.Row>
  120.  
  121. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0}}>
  122. <b.Col xs={1} style={{textAlign: "right"}}>testId
  123. </b.Col>
  124. <b.Col xs={2} >
  125. <$c.SelectOption options={$c.stringOption} style={{height:24, fontSize:12}}
  126. name={"testtable_search#testId"}
  127. defaultValue={this.state.testtable_search.testId} onChange={$w.handleChange} />
  128. </b.Col>
  129. <b.Col xs={3}>
  130. <b.Input type="text" value={this.state.testtable_search.testId_s}
  131. name="testtable_search#testId_s" onChange={$w.handleChange}
  132. style={{height:24,fontSize:12,width:"100%"}}/>
  133. </b.Col>
  134. <b.Col xs={3}>
  135. <b.Input type="text" value={this.state.testtable_search.testId_e}
  136. name="testtable_search#testId_e" onChange={$w.handleChange}
  137. style={{height:24,fontSize:12,width:"100%"}}/>
  138. </b.Col>
  139.  
  140. <b.Col xs={1} style={{textAlign: "right"}}>MaxRecord
  141. </b.Col>
  142. <b.Col xs={1} >
  143. <b.Input type="text" value={this.state.testtable_search.maxRecord}
  144. name="testtable_search#maxRecord" onChange={$w.handleChange}
  145. style={{height:24,fontSize:12,width:"100%"}}/>
  146. </b.Col>
  147. </b.Row>
  148.  
  149. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0}}>
  150. <b.Col xs={1} style={{textAlign: "right"}}>testDate
  151. </b.Col>
  152. <b.Col xs={2} >
  153. <$c.SelectOption options={$c.stringOption} style={{height:24, fontSize:12}}
  154. name={"testtable_search#testDate"}
  155. defaultValue={this.state.testtable_search.testDate} onChange={$w.handleChange} />
  156. </b.Col>
  157. <b.Col xs={3}>
  158. <b.Input type="text" value={this.state.testtable_search.testDate_s}
  159. name="testtable_search#testDate_s" onChange={$w.handleChange}
  160. style={{height:24,fontSize:12,width:"100%"}}/>
  161. </b.Col>
  162. <b.Col xs={3}>
  163. <b.Input type="text" value={this.state.testtable_search.testDate_e}
  164. name="testtable_search#testDate_e" onChange={$w.handleChange}
  165. style={{height:24,fontSize:12,width:"100%"}}/>
  166. </b.Col>
  167.  
  168. </b.Row>
  169.  
  170. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0}}>
  171. <b.Col xs={1} style={{textAlign: "right"}}>testTimestamp
  172. </b.Col>
  173. <b.Col xs={2} >
  174. <$c.SelectOption options={$c.stringOption} style={{height:24, fontSize:12}}
  175. name={"testtable_search#testTimestamp"}
  176. defaultValue={this.state.testtable_search.testTimestamp} onChange={$w.handleChange} />
  177. </b.Col>
  178. <b.Col xs={3}>
  179. <b.Input type="text" value={this.state.testtable_search.testTimestamp_s}
  180. name="testtable_search#testTimestamp_s" onChange={$w.handleChange}
  181. style={{height:24,fontSize:12,width:"100%"}}/>
  182. </b.Col>
  183. <b.Col xs={3}>
  184. <b.Input type="text" value={this.state.testtable_search.testTimestamp_e}
  185. name="testtable_search#testTimestamp_e" onChange={$w.handleChange}
  186. style={{height:24,fontSize:12,width:"100%"}}/>
  187. </b.Col>
  188.  
  189. </b.Row>
  190.  
  191. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0}}>
  192. <b.Col xs={1} style={{textAlign: "right"}}>testNbr
  193. </b.Col>
  194. <b.Col xs={2} >
  195. <$c.SelectOption options={$c.stringOption} style={{height:24, fontSize:12}}
  196. name={"testtable_search#testNbr"}
  197. defaultValue={this.state.testtable_search.testNbr} onChange={$w.handleChange} />
  198. </b.Col>
  199. <b.Col xs={3}>
  200. <b.Input type="text" value={this.state.testtable_search.testNbr_s}
  201. name="testtable_search#testNbr_s" onChange={$w.handleChange}
  202. style={{height:24,fontSize:12,width:"100%"}}/>
  203. </b.Col>
  204. <b.Col xs={3}>
  205. <b.Input type="text" value={this.state.testtable_search.testNbr_e}
  206. name="testtable_search#testNbr_e" onChange={$w.handleChange}
  207. style={{height:24,fontSize:12,width:"100%"}}/>
  208. </b.Col>
  209.  
  210. </b.Row>
  211.  
  212. <div style={{width:$w.width-2,border:1,borderStyle:"solid",
  213. borderColor:"black",height:$w.tableHeight,backgroundColor: "#FFFFFF"}}>
  214. <div ref="testtable_tableHead"
  215. style={{width:$w.width-20,height:20,overflowX:"hidden",overflowY:"hidden"}}>
  216. <b.Table bordered condensed className="wscrolltable" >
  217. <thead style={{width:this.state.testtable.totalW,overflowX:"hidden",overflowY:"hidden"}}>
  218. <tr >
  219. <th style={{width:this.state.testtable.cw.c1}}>testId</th>
  220. <th style={{width:this.state.testtable.cw.c2}}>testDate</th>
  221. <th style={{width:this.state.testtable.cw.c3}}>testTimestamp</th>
  222. <th style={{width:this.state.testtable.cw.c4}}>testNbr</th>
  223. <th style={{width:this.state.testtable.cw.c5}}>id</th>
  224. <th style={{width:this.state.testtable.cw.c6}}>versionNo</th>
  225.  
  226. </tr>
  227. </thead>
  228. </b.Table>
  229. </div>
  230. <div ref="testtable_tableBody"
  231. style={{width:$w.width-4,height:$w.tableHeight-22,overflowX:"scroll",overflowY:"scroll"}}>
  232. <div style={{width:this.state.testtable.totalW,overflowX:"hidden",overflowY:"hidden"}}>
  233. <b.Table bordered condensed className="wscrolltable"
  234. onClick={$w.handleClick}>
  235. <$w.testtableRows rcds={this.state.testtable.rcds} cw={this.state.testtable.cw}
  236. selRow={this.state.testtable.selRow}/>
  237. </b.Table>
  238. </div>
  239. </div>
  240. </div>
  241. <b.Row style={{margin:5}}>
  242. <b.Button bsSize="xsmall" bsStyle="primary" onClick={$w.handleClick}
  243. name="btntesttable_New" style={{width:60,marginLeft:10}}>新規</b.Button>
  244. <b.Button bsSize="xsmall" bsStyle="primary" onClick={$w.handleClick}
  245. name="btntesttable_Update" style={{width:60,marginLeft:10}}>更新</b.Button>
  246. <b.Button bsSize="xsmall" bsStyle="primary" onClick={$w.handleClick}
  247. name="btntesttable_Delete" style={{width:60,marginLeft:10}}>削除</b.Button>
  248.  
  249. </b.Row>
  250. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  251. <b.Col xs={1} style={{textAlign: "right"}}>testId
  252. </b.Col>
  253. <b.Col xs={3}>
  254. <b.Input type="text" value={this.state.testtable_form.testId}
  255. name="testtable_form#testId" onChange={$w.handleChange}
  256. style={{height:24,fontSize:12,width:"100%"}}/>
  257. </b.Col>
  258. </b.Row>
  259. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  260. <b.Col xs={1} style={{textAlign: "right"}}>testDate
  261. </b.Col>
  262. <b.Col xs={3}>
  263. <b.Input type="text" value={this.state.testtable_form.testDate}
  264. name="testtable_form#testDate" onChange={$w.handleChange}
  265. style={{height:24,fontSize:12,width:"100%"}}/>
  266. </b.Col>
  267. </b.Row>
  268. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  269. <b.Col xs={1} style={{textAlign: "right"}}>testTimestamp
  270. </b.Col>
  271. <b.Col xs={3}>
  272. <b.Input type="text" value={this.state.testtable_form.testTimestamp}
  273. name="testtable_form#testTimestamp" onChange={$w.handleChange}
  274. style={{height:24,fontSize:12,width:"100%"}}/>
  275. </b.Col>
  276. </b.Row>
  277. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  278. <b.Col xs={1} style={{textAlign: "right"}}>testNbr
  279. </b.Col>
  280. <b.Col xs={3}>
  281. <b.Input type="text" value={this.state.testtable_form.testNbr}
  282. name="testtable_form#testNbr" onChange={$w.handleChange}
  283. style={{height:24,fontSize:12,width:"100%"}}/>
  284. </b.Col>
  285. </b.Row>
  286. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  287. <b.Col xs={1} style={{textAlign: "right"}}>id
  288. </b.Col>
  289. <b.Col xs={3}>
  290. <b.Input type="text" value={this.state.testtable_form.id}
  291. name="testtable_form#id" onChange={$w.handleChange}
  292. style={{height:24,fontSize:12,width:"100%"}}/>
  293. </b.Col>
  294. </b.Row>
  295. <b.Row style={{verticalAlign:"middle", lineHeight:"26px",marginLeft:0,marginRight:5}}>
  296. <b.Col xs={1} style={{textAlign: "right"}}>versionNo
  297. </b.Col>
  298. <b.Col xs={3}>
  299. <b.Input type="text" value={this.state.testtable_form.versionNo}
  300. name="testtable_form#versionNo" onChange={$w.handleChange}
  301. style={{height:24,fontSize:12,width:"100%"}}/>
  302. </b.Col>
  303. </b.Row>
  304.  
  305. <$c.Alert isShow={this.state.common.alert.isShow}
  306. message={this.state.common.alert.message} onClick={$w.handleClick} />
  307. <$c.DeleteConfirm isShow={this.state.common.deleteCfm.isShow}
  308. onClick={$w.handleClick}/>
  309. </div>
  310. );
  311. },
  312. componentDidMount: function() {
  313. $w.testtable_onscroll();
  314. }
  315. });
  316.  
  317. React.render(<$w.Application flux={$w.flux}/>, document.getElementById('content'));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!