main.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>报表模板编辑器</title>
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="css/main.css">
  10. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  11. <!--zTree-->
  12. <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
  13. </head>
  14. <body>
  15. <div class="header">
  16. <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 ">
  17. <span class="header-logo px-2">Smartcost</span>
  18. <div class="navbar-text">系统模板库<i class="fa fa-angle-right fa-fw"></i>XXX报表</div>
  19. </nav>
  20. <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
  21. <div class="px-3 row" >
  22. <div class="col-6">
  23. <select class="form-control form-control-sm"><option>重庆2008</option><option>重庆2007</option></select>
  24. </div>
  25. <div class="col-6">
  26. <select class="form-control form-control-sm"><option>建筑工程</option><option>装饰工程</option></select>
  27. </div>
  28. </div>
  29. <div class="p-2">
  30. <button class="btn btn-primary btn-sm">保存</button>
  31. <a class="btn btn-secondary btn-sm" target="_blank">预览</a>
  32. </div>
  33. </nav>
  34. </div>
  35. <div class="main">
  36. <div class="content">
  37. <div class="container-fluid">
  38. <div class="row">
  39. <div class="main-side col-lg-3 p-0">
  40. <div class="tab-bar">
  41. <div class="input-group input-group-sm">
  42. <input type="text" class="form-control" placeholder="输入报表名检索">
  43. <span class="input-group-btn">
  44. <button class="btn btn-primary" type="button">搜索</button>
  45. </span>
  46. </div>
  47. </div>
  48. <div class="tab-content">
  49. <ul id="treeDemo" class="ztree"></ul>
  50. </div>
  51. </div>
  52. <div class="main-content col-lg-9 p-0">
  53. <div class="container-fluid">
  54. <div class="row">
  55. <!-- 报表设置 -->
  56. <div class="col-lg-12 p-0">
  57. <ul class="nav nav-tabs tools-bar px-1" role="tablist">
  58. <li class="nav-item">
  59. <a class="nav-link active" data-toggle="tab" href="#mbxx" role="tab">模板信息</a>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" data-toggle="tab" href="#mbbj" role="tab">模板布局</a>
  63. </li>
  64. <li class="nav-item">
  65. <a class="nav-link" data-toggle="tab" href="#zbys" role="tab">指标映射</a>
  66. </li>
  67. <li class="nav-item">
  68. <a class="nav-link" data-toggle="tab" href="#zbbf" role="tab">指标摆放</a>
  69. </li>
  70. <li class="nav-item">
  71. <a class="nav-link" data-toggle="tab" href="#sjcl" role="tab">数据预处理</a>
  72. </li>
  73. <li class="nav-item">
  74. <a class="nav-link" data-toggle="tab" href="#jss" role="tab">计算式</a>
  75. </li>
  76. <li class="nav-item">
  77. <a class="nav-link" data-toggle="tab" href="#mbdx" role="tab">模板JS对象</a>
  78. </li>
  79. </ul>
  80. <div class="tab-content">
  81. <!--模板信息-->
  82. <div class="tab-pane active" id="mbxx" role="tabpanel">
  83. <div class="main-data">
  84. <div class="p-3">
  85. <div class="form-group">
  86. <label>报表名称</label>
  87. <input class="form-control form-control-sm" placeholder="输入报表名称">
  88. </div>
  89. <div class="form-group">
  90. <label>页面</label>
  91. <div class="row">
  92. <div class="input-group input-group-sm col-4">
  93. <div class="input-group-addon">纸张</div>
  94. <select class="form-control input-sm"><option>A3</option><option>A4</option></select>
  95. </div>
  96. <div class="input-group input-group-sm col-4">
  97. <div class="input-group-addon">方向</div>
  98. <select class="form-control input-sm"><option>横向</option><option>竖向</option></select>
  99. </div>
  100. <div class="input-group input-group-sm col-4">
  101. <div class="input-group-addon">单位</div>
  102. <select class="form-control input-sm"><option>CM</option></select>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="form-group">
  107. <label>显示调整</label>
  108. <div class="row">
  109. <div class="input-group input-group-sm col-4">
  110. <div class="input-group-addon">分栏</div>
  111. <select class="form-control input-sm"><option>1</option><option>2</option></select>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="row">
  116. <div class="form-group col-4">
  117. <label>显示行-高度</label>
  118. <input class="form-control form-control-sm">
  119. </div>
  120. <div class="form-group col-4">
  121. <label>显示列 - 宽度</label>
  122. <input class="form-control form-control-sm">
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!--模板布局-->
  129. <div class="tab-pane" id="mbbj" role="tabpanel">
  130. <div class="main-data">
  131. <div class="p-3">
  132. <div class="ztree-warp" style="height:300px">
  133. ztree 保留空间
  134. </div>
  135. <div class="row mt-5">
  136. <div class="form-group col-3">
  137. <label>边框样式</label>
  138. <select class="form-control form-control-sm"><option>空白</option></select>
  139. </div>
  140. <div class="form-group col-2">
  141. <label>位置</label>
  142. <select class="form-control form-control-sm"><option>上</option></select>
  143. </div>
  144. <div class="form-group col-3">
  145. <label>出现频率</label>
  146. <select class="form-control form-control-sm"><option>每页</option></select>
  147. </div>
  148. <div class="form-group col-2">
  149. <label>高度</label>
  150. <input class="form-control form-control-sm">
  151. </div>
  152. <div class="form-group col-2">
  153. <label>宽度</label>
  154. <input class="form-control form-control-sm">
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <!--指标映射-->
  161. <div class="tab-pane" id="zbys" role="tabpanel">
  162. <div class="main-data">
  163. <div class="p-3">
  164. <div class="row">
  165. <div class="col-6">
  166. <span>报表映射指标(勾选表示:主从关系的ID关联指标)</span>
  167. <div class="ztree-warp" style="height:400px">
  168. ztree 保留空间
  169. </div>
  170. </div>
  171. <div class="col-6">
  172. <span>可映射指标</span>
  173. <div class="ztree-warp" style="height:400px">
  174. ztree 保留空间
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <!--指标摆放-->
  182. <div class="tab-pane" id="zbbf" role="tabpanel">
  183. <div class="main-data">
  184. <div class="p-3">
  185. <div class="row">
  186. <div class="col-6">
  187. <div class="ztree-warp" style="height:300px">
  188. ztree 保留空间
  189. </div>
  190. </div>
  191. <div class="col-6">
  192. <div class="row">
  193. <div class="col-12">
  194. <div class="ztree-warp" style="height:110px">
  195. ztree 保留空间
  196. </div>
  197. </div>
  198. <div class="col-12 mt-4">
  199. <div class="ztree-warp" style="height:160px">
  200. ztree 保留空间
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="row mt-3">
  207. <div class="form-group col-2">
  208. <label>字体选择</label>
  209. <input class="form-control form-control-sm" type="text">
  210. </div>
  211. <div class="form-group col-2">
  212. <label>字体名称</label>
  213. <input class="form-control form-control-sm" type="text">
  214. </div>
  215. <div class="form-group col-2">
  216. <label>字体大小</label>
  217. <input class="form-control form-control-sm" type="text">
  218. </div>
  219. <div class="form-group col-3">
  220. <label>字体其他特性</label>
  221. <div class="form-check">
  222. <label class="form-check-label">
  223. <input type="checkbox" class="form-check-input">
  224. 粗体
  225. </label>
  226. <label class="form-check-label">
  227. <input type="checkbox" class="form-check-input">
  228. 斜体
  229. </label>
  230. <label class="form-check-label">
  231. <input type="checkbox" class="form-check-input">
  232. 下划线
  233. </label>
  234. </div>
  235. </div>
  236. </div>
  237. <div class="row">
  238. <div class="form-group col-2">
  239. <label>边框样式</label>
  240. <select class="form-control form-control-sm"><option>正常</option></select>
  241. </div>
  242. <div class="form-group col-2">
  243. <label>左边</label>
  244. <input class="form-control form-control-sm">
  245. </div>
  246. <div class="form-group col-2">
  247. <label>右边</label>
  248. <input class="form-control form-control-sm">
  249. </div>
  250. <div class="form-group col-2">
  251. <label>上边</label>
  252. <input class="form-control form-control-sm">
  253. </div>
  254. <div class="form-group col-2">
  255. <label>下边</label>
  256. <input class="form-control form-control-sm">
  257. </div>
  258. </div>
  259. <div class="row">
  260. <div class="form-group col-2">
  261. <label>控制选择</label>
  262. <select class="form-control form-control-sm"><option>正文内容</option></select>
  263. </div>
  264. <div class="form-group col-2">
  265. <label>横向对齐</label>
  266. <select class="form-control form-control-sm"><option>右</option></select>
  267. </div>
  268. <div class="form-group col-2">
  269. <label>纵向对齐</label>
  270. <select class="form-control form-control-sm"><option>下</option></select>
  271. </div>
  272. <div class="form-group col-3">
  273. <label>控制其他特性</label>
  274. <div class="form-check">
  275. <label class="form-check-label">
  276. <input class="form-check-input" type="checkbox">
  277. 自动缩放
  278. </label>
  279. <label class="form-check-label">
  280. <input class="form-check-input" type="checkbox">
  281. 显示0
  282. </label>
  283. <label class="form-check-label">
  284. <input class="form-check-input" type="checkbox">
  285. 自动折行
  286. </label>
  287. </div>
  288. </div>
  289. </div>
  290. <div class="row">
  291. <div class="form-group col">
  292. <label>左</label>
  293. <div class="input-group input-group-sm">
  294. <div class="input-group-addon">
  295. <div class="form-check m-0">
  296. <label class="form-check-label">
  297. <input class="form-check-input" type="checkbox">
  298. 百分比
  299. </label>
  300. </div>
  301. </div>
  302. <input class="form-control" type="number">
  303. </div>
  304. </div>
  305. <div class="form-group col">
  306. <label>右</label>
  307. <div class="input-group input-group-sm">
  308. <div class="input-group-addon">
  309. <div class="form-check m-0">
  310. <label class="form-check-label">
  311. <input class="form-check-input" type="checkbox">
  312. 百分比
  313. </label>
  314. </div>
  315. </div>
  316. <input class="form-control" type="number">
  317. </div>
  318. </div>
  319. <div class="form-group col">
  320. <label>上</label>
  321. <div class="input-group input-group-sm">
  322. <div class="input-group-addon">
  323. <div class="form-check m-0">
  324. <label class="form-check-label">
  325. <input class="form-check-input" type="checkbox">
  326. 百分比
  327. </label>
  328. </div>
  329. </div>
  330. <input class="form-control" type="number">
  331. </div>
  332. </div>
  333. <div class="form-group col">
  334. <label>下</label>
  335. <div class="input-group input-group-sm">
  336. <div class="input-group-addon">
  337. <div class="form-check m-0">
  338. <label class="form-check-label">
  339. <input class="form-check-input" type="checkbox">
  340. 百分比
  341. </label>
  342. </div>
  343. </div>
  344. <input class="form-control" type="number">
  345. </div>
  346. </div>
  347. <div class="form-group col-2">
  348. <label></label>
  349. <div class="form-check">
  350. <label class="form-check-label">
  351. <input class="form-check-input" type="checkbox">
  352. 自动行高
  353. </label>
  354. </div>
  355. </div>
  356. </div>
  357. <div class="row">
  358. <div class="form-group col-2">
  359. <label>前缀</label>
  360. <input class="form-control form-control-sm">
  361. </div>
  362. <div class="form-group col-2">
  363. <label>后缀</label>
  364. <input class="form-control form-control-sm">
  365. </div>
  366. <div class="form-group col-2">
  367. <label>格式</label>
  368. <input class="form-control form-control-sm">
  369. </div>
  370. <div class="form-group col-2">
  371. <label>默认值</label>
  372. <input class="form-control form-control-sm">
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378. <!--数据预处理-->
  379. <div class="tab-pane" id="sjcl" role="tabpanel">
  380. <div class="main-data">
  381. <div class="p-3">
  382. <div class="row">
  383. <div class="col-12">
  384. <a class="btn btn-secondary btn-sm mb-1"><i class=" fa fa-plus-square"></i> 预处理环节</a>
  385. </div>
  386. <div class="col-6">
  387. <div class="ztree-warp" style="height:180px">
  388. ztree 保留空间
  389. </div>
  390. </div>
  391. <div class="col-6">
  392. <div class="ztree-warp" style="height:180px">
  393. ztree 保留空间
  394. </div>
  395. </div>
  396. </div>
  397. <div class="row mt-3">
  398. <div class="input-group input-group-sm col-4">
  399. <div class="input-group-addon">预处理数据对象</div>
  400. <select class="form-control input-sm" id="select_mapping_data" onchange="preHandleObj.onChangeDataMappingObj(this, 'top')">
  401. <option value="bills">清单</option><option value="ration">定额</option><option value="ration_glj">定额人材机</option><option value="projectGLJ">项目人材机</option></select>
  402. </div>
  403. <div class="input-group input-group-sm col-4">
  404. <div class="input-group-addon">排序方式</div>
  405. <select class="form-control input-sm" id="select_sort_types" onchange="preHandleSortObj.onSortTypeChange(this)">
  406. <option value="normal">普通</option>
  407. <option value="tree">树结构</option>
  408. <option value="accord_to_parent">依据上级</option>
  409. <option value="self_define">自定义排序</option>
  410. </select>
  411. </div>
  412. </div>
  413. <div class="row mt-3">
  414. <div class="col-6">
  415. <span clas="mb-1">清单顶节点(全空白表示全部)</span>
  416. <div class="ztree-warp" style="height:180px">
  417. ztree 保留空间
  418. </div>
  419. </div>
  420. <div class="col-6">
  421. <span clas="mb-1">清单其他节点(全空白表示全部)</span>
  422. <div class="ztree-warp" style="height:180px">
  423. ztree 保留空间
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. <!--计算式-->
  431. <div class="tab-pane" id="jss" role="tabpanel">
  432. <div class="main-data">
  433. <div class="p-3">
  434. <div class="row">
  435. <div class="col-12">
  436. <span class="mb-1">计算式</span>
  437. <div class="ztree-warp" style="height:140px">
  438. ztree 保留空间
  439. </div>
  440. </div>
  441. </div>
  442. <div class="row mt-3">
  443. <div class="col-4">
  444. <div class="input-group input-group-sm">
  445. <select class="form-control"><option>转换大小写金额</option></select>
  446. <span class="input-group-btn">
  447. <button class="btn btn-primary" type="button">套用</button>
  448. </span>
  449. </div>
  450. </div>
  451. </div>
  452. <div class="row mt-3">
  453. <div class="form-group col-3">
  454. <label>计算式执行点</label>
  455. <select class="form-control form-control-sm"><option>预运行</option></select>
  456. </div>
  457. <div class="form-group col-3">
  458. <label>格式串(format)</label>
  459. <input class="form-control form-control-sm">
  460. </div>
  461. <div class="form-group col-12">
  462. <textarea class="form-control" rows="8"></textarea>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. </div>
  468. <!--模板JS对象-->
  469. <div class="tab-pane" id="mbdx" role="tabpanel">
  470. <div class="main-data">
  471. <div class="p-3">
  472. <div class="mb-3">
  473. <a href="#" class="btn btn-sm btn-primary">生成JS文本</a>
  474. <a href="#" class="btn btn-sm btn-primary">导入JS文本</a>
  475. </div>
  476. <div class="form-group">
  477. <textarea class="form-control" rows="21"></textarea>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487. </div>
  488. </div>
  489. </div>
  490. </div>
  491. <!--弹出新建模板-->
  492. <div class="modal fade" id="myModal" data-backdrop="static">
  493. <div class="modal-dialog" role="document">
  494. <div class="modal-content">
  495. <div class="modal-header">
  496. <h5 class="modal-title">创建新模板</h5>
  497. </div>
  498. <div class="modal-body">
  499. <div class="form-group">
  500. <label>模板类型</label>
  501. <div class="row">
  502. <div class="form-check col-4">
  503. <label class="form-check-label">
  504. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 流水式表
  505. </label>
  506. </div>
  507. <div class="form-check col-4">
  508. <label class="form-check-label">
  509. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 账单式表
  510. </label>
  511. </div>
  512. <div class="form-check col-4">
  513. <label class="form-check-label">
  514. <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 交叉表
  515. </label>
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520. <div class="modal-footer text-xs-center">
  521. <button class="btn btn-secondary" data-dismiss="modal">取消</button>
  522. <button href="project-management.html" class="btn btn-primary">创建</button>
  523. </div>
  524. </div>
  525. </div>
  526. </div>
  527. <!--弹出历史记录-->
  528. <div class="modal fade" id="history" data-backdrop="static">
  529. <div class="modal-dialog" role="document">
  530. <div class="modal-content">
  531. <div class="modal-header">
  532. <h5 class="modal-title"><i class="fa fa-history"></i> 历史记录</h5>
  533. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  534. <span aria-hidden="true">&times;</span>
  535. </button>
  536. </div>
  537. <div class="modal-body modal-fixed-height">
  538. <div class="list-group mb-3">
  539. <div class="list-group-item list-group-item-action flex-column align-items-start">
  540. <div class="d-flex w-100 justify-content-between">
  541. <h6 class="mb-1"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 编辑</h6>
  542. <span>2017-04-05 11:00:03</span>
  543. </div>
  544. <p class="mb-1">陈特</p>
  545. </div>
  546. <div class="list-group-item list-group-item-action flex-column align-items-start">
  547. <div class="d-flex w-100 justify-content-between">
  548. <h6 class="mb-1"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 编辑</h6>
  549. <span>2017-04-05 11:00:03</span>
  550. </div>
  551. <p class="mb-1">陈特</p>
  552. </div>
  553. <div class="list-group-item list-group-item-action flex-column align-items-start">
  554. <div class="d-flex w-100 justify-content-between">
  555. <h6 class="mb-1"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 发布</h6>
  556. <span>2017-04-05 10:13:13</span>
  557. </div>
  558. <p class="mb-1">陈特</p>
  559. </div>
  560. <div class="list-group-item list-group-item-action flex-column align-items-start">
  561. <div class="d-flex w-100 justify-content-between">
  562. <h6 class="mb-1"><i class="fa fa-plus-square-o" aria-hidden="true"></i> 创建</h6>
  563. <span>2017-04-05 10:13:13</span>
  564. </div>
  565. <p class="mb-1">陈特</p>
  566. </div>
  567. </div>
  568. </div>
  569. <div class="modal-footer">
  570. <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  571. </div>
  572. </div>
  573. </div>
  574. </div>
  575. <!-- JS. -->
  576. <script src="js/jquery/jquery.min.js"></script>
  577. <script src="js/tether/tether.min.js"></script>
  578. <script src="js/bootstrap/bootstrap.min.js"></script>
  579. <script src="js/global.js"></script>
  580. <!-- zTree -->
  581. <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
  582. <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
  583. <!--弹出模板类型-->
  584. <script type="text/javascript">
  585. $('#myModal').modal('show')
  586. </script>
  587. <!-- 演示zTree -->
  588. <SCRIPT type="text/javascript">
  589. <!--
  590. var setting = {
  591. view: {
  592. showIcon: false
  593. },
  594. data: {
  595. simpleData: {
  596. enable: true
  597. }
  598. }
  599. };
  600. var zNodes =[
  601. { id:1, pId:0, name:"父节点1 - 展开", open:true},
  602. { id:11, pId:1, name:"父节点11 - 折叠"},
  603. { id:111, pId:11, name:"叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111叶子节点111"},
  604. { id:112, pId:11, name:"叶子节点112"},
  605. { id:113, pId:11, name:"叶子节点113"},
  606. { id:114, pId:11, name:"叶子节点114"},
  607. { id:12, pId:1, name:"父节点12 - 折叠"},
  608. { id:121, pId:12, name:"叶子节点121"},
  609. { id:122, pId:12, name:"叶子节点122"},
  610. { id:123, pId:12, name:"叶子节点123"},
  611. { id:124, pId:12, name:"叶子节点124"},
  612. { id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
  613. { id:2, pId:0, name:"父节点2 - 折叠"},
  614. { id:21, pId:2, name:"父节点21 - 展开", open:true},
  615. { id:211, pId:21, name:"叶子节点211"},
  616. { id:212, pId:21, name:"叶子节点212"},
  617. { id:213, pId:21, name:"叶子节点213"},
  618. { id:214, pId:21, name:"叶子节点214"},
  619. { id:22, pId:2, name:"父节点22 - 折叠"},
  620. { id:221, pId:22, name:"叶子节点221"},
  621. { id:222, pId:22, name:"叶子节点222"},
  622. { id:223, pId:22, name:"叶子节点223"},
  623. { id:224, pId:22, name:"叶子节点224"},
  624. { id:23, pId:2, name:"父节点23 - 折叠"},
  625. { id:231, pId:23, name:"叶子节点231"},
  626. { id:232, pId:23, name:"叶子节点232"},
  627. { id:233, pId:23, name:"叶子节点233"},
  628. { id:234, pId:23, name:"叶子节点234"},
  629. { id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
  630. ];
  631. function showIconForTree(treeId, treeNode) {
  632. return !treeNode.isParent;
  633. };
  634. $(document).ready(function(){
  635. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  636. });
  637. //-->
  638. </SCRIPT>
  639. </body>
  640. <script type="text/javascript">
  641. autoFlashHeight();
  642. </script>
  643. </html>