1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head runat="server">
  4. <title>材料类别</title>
  5. <link rel="stylesheet" href="../../Scripts/zTree_v3/css/demo.css" type="text/css">
  6. <link rel="stylesheet" href="../../Scripts/zTree_v3/css/zTreeStyle/zTreeStyle.css"
  7. type="text/css">
  8.  
  9. <script type="text/javascript" src="../../Scripts/zTree_v3/js/jquery-1.4.4.min.js"></script>
  10.  
  11. <script type="text/javascript" src="../../Scripts/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
  12.  
  13. <script type="text/javascript">
  14. var setting = {
  15. data: {
  16. simpleData: {
  17. enable: true
  18. }
  19. },
  20.  
  21. callback: {
  22. onClick: zTreeOnClick
  23. }
  24. };
  25.  
  26. function zTreeOnClick(event, treeId, treeNode) {
  27. parent.frames["MatTypeMainFrame"].document.all["txtMatName"].value = treeNode.name;
  28. };
  29. var zNodes = [
  30. { name: '材料类别', open: true,
  31. children: [
  32. { name: '主要材料',
  33. children: [
  34. { name: '黑色金属',
  35. children: [
  36. { name: '钢筋' },
  37. { name: '槽钢' },
  38. { name: '角钢' },
  39. { name: '工字钢' },
  40. { name: '钢板' },
  41. { name: '焊管' },
  42. { name: '方管' },
  43. { name: '扁钢' },
  44. { name: '扁铁' },
  45. { name: '镀锌管' },
  46. { name: 'H型钢' },
  47. { name: '方钢' },
  48. { name: '铁皮' },
  49. { name: '带钢' },
  50. { name: '其它' },
  51. { name: '合金板' }, ]
  52. },
  53. { name: '有色金属',
  54. children: [
  55. { name: '铜类材料' },
  56. { name: '铝制材料' },
  57. { name: '铅、锌、锡制材料' },
  58. ]
  59. },
  60. { name: '地材',
  61. children: [
  62. { name: '砖类' },
  63. { name: '砂类' },
  64. { name: '石子类' },
  65. { name: '白灰粉' },
  66. { name: '白灰膏' },
  67. { name: '瓦类' },
  68. { name: '其它' },
  69. { name: '土类' }, ]
  70. },
  71. { name: '木竹矽酸盐制品',
  72. children: [
  73. { name: '竹笆子' },
  74. { name: '跳板' },
  75. { name: '细木工板' },
  76. { name: '三合板' },
  77. { name: '竹竿' },
  78. { name: '商品混凝土' },
  79. { name: '水泥' },
  80. { name: '加气块' },
  81. { name: '白水泥' },
  82. { name: '苯板' },
  83. { name: '混凝土管' },
  84. { name: '排烟道' },
  85. { name: '挤塑板' },
  86. { name: '玻璃' },
  87. { name: '地砖、墙面砖类' },
  88. { name: '砂浆类' },
  89. { name: '其它' }, ]
  90. },
  91. { name: '金属制品',
  92. children: [{ name: '螺丝' },
  93. { name: '螺帽' },
  94. { name: '网类' },
  95. { name: '锁类' },
  96. { name: '山型卡及卡扣' },
  97. { name: '收口网' },
  98. { name: '钉类' },
  99. { name: '螺栓' },
  100. { name: '合页' },
  101. { name: '钢丝' },
  102. { name: '铁丝' },
  103. { name: '直螺纹套筒及套筒头子' },
  104. { name: '钢、铁丝绳类' },
  105. { name: '电焊条' },
  106. { name: '其他类' },
  107. { name: '彩钢板' },
  108. { name: '钢丝绳' },
  109. { name: '黑铁丝' },
  110. ]
  111. },
  112. { name: '油漆化工及油料',
  113. children: [
  114. { name: '油漆' },
  115. { name: '涂料' },
  116. { name: '稀释剂' },
  117. { name: '腻子' },
  118. { name: '涂料' },
  119. { name: '粉、水、脂、剂、膏、胶、液、油、气等化工制品' },
  120. { name: '乳胶漆' },
  121. { name: '其它' },
  122. { name: '铝合金面漆' },
  123. { name: '铝合金底漆' },
  124. { name: '铝合金稀料' }, { name: '塑化剂' }, ]
  125. },
  126. { name: '水暖材料',
  127. children: [
  128. { name: 'PVC排水管' },
  129. { name: 'PP-R给水管' },
  130. { name: 'PP-R给水管管件' },
  131. { name: 'PVC排水管管件' },
  132. { name: '存水弯' },
  133. { name: '弯头' },
  134. { name: '阀门' },
  135. { name: '消防器材' },
  136. { name: '卫生洁具及配件' },
  137. { name: '地漏' },
  138. { name: '其它材料' },
  139. { name: '水泵' },
  140. { name: '计量仪器' },
  141. { name: '其他' },
  142. ]
  143. },
  144. { name: '电工器材',
  145. children: [
  146. { name: '电线' },
  147. { name: '电缆' },
  148. { name: '电箱' },
  149. { name: '灯具及配件' },
  150. { name: '保险材料' },
  151. { name: '开关、插座及附属材料' },
  152. { name: '计量仪器' },
  153. { name: '管线设备及附属材料' },
  154. { name: '电缆连接件及附属材料' },
  155. { name: '变压器' },
  156. { name: '稳压器' },
  157. { name: '启动器' },
  158. { name: '瓷瓶' },
  159. { name: '托线盘' },
  160. { name: '镇流器' },
  161. { name: '线鼻子' },
  162. { name: 'PVC线管及管件' },
  163. { name: '线盒' },
  164. { name: '其它' },
  165. { name: '日用电器' },
  166. { name: '铜编织袋' }, ]
  167. },
  168. { name: '其他材料',
  169. children: [
  170. { name: '电池', children: [] },
  171. { name: '灌类', children: [] },
  172. { name: '刷子类', children: [] },
  173. { name: '笔、刀类', children: [] },
  174. { name: '纸、袋类', children: [] },
  175. { name: '桶类', children: [] },
  176. { name: '生活用品', children: [] },
  177. { name: '线、绳、布、带类', children: [] },
  178. { name: '管类', children: [] },
  179. { name: '柱卡及卡垫类', children: [] },
  180. { name: '杂品', children: [
  181. { name: '砼车空载费' },
  182. { name: '脚手架轮子' },
  183. { name: '叉车费' },
  184. { name: '维修费' },
  185. { name: '砼机开关' },
  186. { name: '打砼机开关' },
  187. { name: '打砼机扶手' },
  188. { name: '运费'}]
  189. },
  190. { name: '胶带', children: [] },
  191. { name: '消声器', children: [] },
  192. { name: '连轴器', children: []}]}]
  193. },
  194. { name: '周转材料',
  195. children:
  196. [
  197. { name: '钢管', children: [] },
  198. { name: '扣件', children: [] },
  199. { name: '顶托', children: [] },
  200. { name: '支托', children: [] },
  201. { name: '模板', children: [] },
  202. { name: '木方', children: [] },
  203. { name: '钢跳板', children: [] }, ]
  204. },
  205. { name: '配件材料',
  206. children: [
  207. { name: '机械配件',
  208. children: [
  209. { name: '电机' },
  210. { name: '修理类配件' },
  211. { name: '轴承' },
  212. { name: '地泵管口' },
  213. { name: '地泵管口' },
  214. { name: '离合器' },
  215. { name: '整流模块' },
  216. { name: '尼龙件' },
  217. { name: '润滑脂泵' },
  218. { name: '丙轮' }
  219. ]
  220. },
  221. { name: '门', children: [] },
  222. { name: '窗', children: [] },
  223. { name: '板', children: [] },
  224. { name: '烟道', children: [] },
  225. { name: '桩', children: [] },
  226. { name: '门窗玻璃总成', children: [] }, ]
  227. },
  228. { name: '半成品材料',
  229. children: [
  230. { name: '钢铁构件', children: [] },
  231. { name: '木制品', children: [] }
  232. ]
  233. },
  234. { name: '低值易耗品',
  235. children: [
  236. { name: '土木工具', children: [] },
  237. { name: '切削工具', children: [{ name: '磨光机' }, ] },
  238. { name: '起重运输工具', children: [] },
  239. { name: '电焊及其它工具', children: [] },
  240. { name: '劳保用品安全防护', children: [{ name: '劳保用品' }, { name: '安全网'}] }, ]
  241. },
  242. { name: '塑化剂', children: [], isParent: true },
  243. { name: '金属制品', children: [], isParent: true }
  244. ]
  245. }
  246. ];
  247.  
  248. $(document).ready(function() {
  249.  
  250. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  251.  
  252. });
  253. </script>
  254.  
  255. </head>
  256. <body>
  257. <form id="form1" runat="server">
  258. <div class="content_wrap">
  259. <div class="zTreeDemoBackground left">
  260. <ul id="treeDemo" class="ztree">
  261. </ul>
  262. </div>
  263. </div>
  264. </form>
  265. </body>
  266. </html>

静态数据直接生成jQuery+zTree

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head runat="server">
  4. <title>材料类别</title>
  5. <link rel="stylesheet" href="../../Scripts/zTree_v3/css/demo.css" type="text/css">
  6. <link rel="stylesheet" href="../../Scripts/zTree_v3/css/zTreeStyle/zTreeStyle.css"
  7. type="text/css">
  8.  
  9. <script type="text/javascript" src="../../Scripts/zTree_v3/js/jquery-1.4.4.min.js"></script>
  10.  
  11. <script type="text/javascript" src="../../Scripts/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
  12.  
  13. <script type="text/javascript">
  14. var setting = {
  15. data: {
  16. simpleData: {
  17. enable: true
  18. }
  19. },
  20.  
  21. callback: {
  22. onClick: zTreeOnClick
  23. }
  24. };
  25. //获取当前选中的节点的值传给iframe中的textbox
  26. function zTreeOnClick(event, treeId, treeNode) {
  27. parent.frames["MatTypeMainFrame"].document.all["txtMatName"].value = treeNode.name;
  28. };
  29. $(document).ready(function() {
  30. $.ajax({
  31. type: "post",
  32. contentType: "application/json",
  33. url: 'GetMatrailsTypeTree.ashx',
  34. dataType: "json",
  35. error: function() {//请求失败处理函数
  36. alert('请求失败');
  37. },
  38. success: function(data) {
  39. var zNodes = eval("(" + data + ")"); //强调一下,这里的eval中的括号必须要加,后台获取到的json数据是字符串,而不是数据对象,但是上面的静态数据就是数据对象,这就是这两个的区别,这个后台获取的json数据一定要转化一下才能识别出来
  40. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  41. }
  42. });
  43. });
  44. </script>
  45.  
  46. </head>
  47. <body>
  48. <form id="form1" runat="server">
  49. <div class="content_wrap">
  50. <div class="zTreeDemoBackground left">
  51. <ul id="treeDemo" class="ztree">
  52. </ul>
  53. </div>
  54. </div>
  55. </form>
  56. </body>
  57. </html>

后台获取json字符串数据

  1. <%@ WebHandler Language="C#" Class="GetMatrailsTypeTree" %>
  2.  
  3. using System;
  4. using System.Web;
  5.  
  6. public class GetMatrailsTypeTree : IHttpHandler
  7. {
  8.  
  9. public void ProcessRequest(HttpContext context)
  10. {
  11. context.Response.ContentType = "application/json";
  12. System.Text.StringBuilder str = new System.Text.StringBuilder();
  13. str.Append("[");//如果不成功的话去掉这个拼接字符串
  14. str.Append("{ name: '材料类别', open: true,");
  15. str.Append(" children: [");
  16. str.Append(" {");
  17. str.Append(" name: '主要材料',");
  18. str.Append(" children: [");
  19. str.Append(" {");
  20. str.Append(" name: '黑色金属',");
  21. str.Append(" children: [");
  22. str.Append(" { name: '钢筋' },");
  23. str.Append(" { name: '槽钢' },");
  24. str.Append(" { name: '角钢' },");
  25. str.Append(" { name: '工字钢' },");
  26. str.Append(" { name: '钢板' },");
  27. str.Append(" { name: '焊管' },");
  28. str.Append(" { name: '方管' },");
  29. str.Append(" { name: '扁钢' },");
  30. str.Append("{ name: '扁铁' },");
  31. str.Append(" { name: '镀锌管' },");
  32. str.Append(" { name: 'H型钢' },");
  33. str.Append(" { name: '方钢' },");
  34. str.Append(" { name: '铁皮' },");
  35. str.Append(" { name: '带钢' },");
  36. str.Append(" { name: '其它' },");
  37. str.Append("{ name: '合金板' }, ]");
  38. str.Append(" },");
  39. str.Append(" {");
  40. str.Append(" name: '有色金属',");
  41. str.Append(" children: [");
  42. str.Append(" { name: '铜类材料' },");
  43. str.Append(" { name: '铝制材料' },");
  44. str.Append(" { name: '铅、锌、锡制材料' },");
  45. str.Append(" ]");
  46. str.Append(" },");
  47. str.Append(" {");
  48. str.Append(" name: '地材',");
  49. str.Append(" children: [");
  50. str.Append(" { name: '砖类' },");
  51. str.Append(" { name: '砂类' },");
  52. str.Append(" { name: '石子类' },");
  53. str.Append(" { name: '白灰粉' },");
  54. str.Append(" { name: '白灰膏' },");
  55. str.Append(" { name: '瓦类' },");
  56. str.Append(" { name: '其它' },");
  57. str.Append(" { name: '土类' }, ]");
  58. str.Append("},");
  59. str.Append(" {");
  60. str.Append(" name: '木竹矽酸盐制品',");
  61. str.Append(" children: [");
  62. str.Append(" { name: '竹笆子' },");
  63. str.Append(" { name: '跳板' },");
  64. str.Append(" { name: '细木工板' },");
  65. str.Append("{ name: '三合板' },");
  66. str.Append(" { name: '竹竿' },");
  67. str.Append(" { name: '商品混凝土' },");
  68. str.Append(" { name: '水泥' },");
  69. str.Append(" { name: '加气块' },");
  70. str.Append(" { name: '白水泥' },");
  71. str.Append(" { name: '苯板' },");
  72. str.Append(" { name: '混凝土管' },");
  73. str.Append(" { name: '排烟道' },");
  74. str.Append(" { name: '挤塑板' },");
  75. str.Append(" { name: '玻璃' },");
  76. str.Append(" { name: '地砖、墙面砖类' },");
  77. str.Append(" { name: '砂浆类' },");
  78. str.Append(" { name: '其它' }, ]");
  79. str.Append(" },");
  80. str.Append("{");
  81. str.Append(" name: '金属制品',");
  82. str.Append(" children: [{ name: '螺丝' },");
  83. str.Append(" { name: '螺帽' },");
  84. str.Append(" { name: '网类' },");
  85. str.Append(" { name: '锁类' },");
  86. str.Append("{ name: '山型卡及卡扣' },");
  87. str.Append(" { name: '收口网' },");
  88. str.Append(" { name: '钉类' },");
  89. str.Append(" { name: '螺栓' },");
  90. str.Append(" { name: '合页' },");
  91. str.Append("{ name: '钢丝' },");
  92. str.Append(" { name: '铁丝' },");
  93. str.Append(" { name: '直螺纹套筒及套筒头子' },");
  94. str.Append(" { name: '钢、铁丝绳类' },");
  95. str.Append(" { name: '电焊条' },");
  96. str.Append(" { name: '其他类' },");
  97. str.Append("{ name: '彩钢板' },");
  98. str.Append("{ name: '钢丝绳' },");
  99. str.Append(" { name: '黑铁丝' },");
  100. str.Append(" ]");
  101. str.Append(" },");
  102. str.Append(" {");
  103. str.Append(" name: '油漆化工及油料',");
  104. str.Append(" children: [");
  105. str.Append(" { name: '油漆' },");
  106. str.Append(" { name: '涂料' },");
  107. str.Append(" { name: '稀释剂' },");
  108. str.Append("{ name: '腻子' },");
  109. str.Append("{ name: '涂料' },");
  110. str.Append(" { name: '粉、水、脂、剂、膏、胶、液、油、气等化工制品' },");
  111. str.Append(" { name: '乳胶漆' },");
  112. str.Append(" { name: '其它' },");
  113. str.Append(" { name: '铝合金面漆' },");
  114. str.Append(" { name: '铝合金底漆' },");
  115. str.Append(" { name: '铝合金稀料' }, { name: '塑化剂' }, ]");
  116. str.Append(" },");
  117. str.Append(" {");
  118. str.Append(" name: '水暖材料',");
  119. str.Append(" children: [");
  120. str.Append(" { name: 'PVC排水管' },");
  121. str.Append("{ name: 'PP-R给水管' },");
  122. str.Append(" { name: 'PP-R给水管管件' },");
  123. str.Append(" { name: 'PVC排水管管件' },");
  124. str.Append(" { name: '存水弯' },");
  125. str.Append(" { name: '弯头' },");
  126. str.Append(" { name: '阀门' },");
  127. str.Append(" { name: '消防器材' },");
  128. str.Append(" { name: '卫生洁具及配件' },");
  129. str.Append(" { name: '地漏' },");
  130. str.Append(" { name: '其它材料' },");
  131. str.Append(" { name: '水泵' },");
  132. str.Append(" { name: '计量仪器' },");
  133. str.Append(" { name: '其他' },");
  134. str.Append(" ]");
  135. str.Append(" },");
  136. str.Append(" {");
  137. str.Append(" name: '电工器材',");
  138. str.Append(" children: [");
  139. str.Append(" { name: '电线' },");
  140. str.Append(" { name: '电缆' },");
  141. str.Append(" { name: '电箱' },");
  142. str.Append(" { name: '灯具及配件' },");
  143. str.Append(" { name: '保险材料' },");
  144. str.Append(" { name: '开关、插座及附属材料' },");
  145. str.Append(" { name: '计量仪器' },");
  146. str.Append(" { name: '管线设备及附属材料' },");
  147. str.Append(" { name: '电缆连接件及附属材料' },");
  148. str.Append("{ name: '变压器' },");
  149. str.Append(" { name: '稳压器' },");
  150. str.Append("{ name: '启动器' },");
  151. str.Append(" { name: '瓷瓶' },");
  152. str.Append(" { name: '托线盘' },");
  153. str.Append(" { name: '镇流器' },");
  154. str.Append(" { name: '线鼻子' },");
  155. str.Append("{ name: 'PVC线管及管件' },");
  156. str.Append(" { name: '线盒' },");
  157. str.Append(" { name: '其它' },");
  158. str.Append(" { name: '日用电器' },");
  159. str.Append("{ name: '铜编织袋' }, ]");
  160. str.Append(" },");
  161. str.Append(" {");
  162. str.Append(" name: '其他材料',");
  163. str.Append(" children: [");
  164. str.Append(" { name: '电池', children: [] },");
  165. str.Append(" { name: '灌类', children: [] },");
  166. str.Append(" { name: '刷子类', children: [] },");
  167. str.Append(" { name: '笔、刀类', children: [] },");
  168. str.Append(" { name: '纸、袋类', children: [] },");
  169. str.Append(" { name: '桶类', children: [] },");
  170. str.Append(" { name: '生活用品', children: [] },");
  171. str.Append(" { name: '线、绳、布、带类', children: [] },");
  172. str.Append(" { name: '管类', children: [] },");
  173. str.Append(" { name: '柱卡及卡垫类', children: [] },");
  174. str.Append(" {");
  175. str.Append(" name: '杂品', children: [");
  176. str.Append(" { name: '砼车空载费' },");
  177. str.Append(" { name: '脚手架轮子' },");
  178. str.Append(" { name: '叉车费' },");
  179. str.Append(" { name: '维修费' },");
  180. str.Append(" { name: '砼机开关' },");
  181. str.Append(" { name: '打砼机开关' },");
  182. str.Append(" { name: '打砼机扶手' },");
  183. str.Append(" { name: '运费' }]");
  184. str.Append(" },");
  185. str.Append(" { name: '胶带', children: [] },");
  186. str.Append(" { name: '消声器', children: [] },");
  187. str.Append(" { name: '连轴器', children: [] }]");
  188. str.Append(" }]");
  189. str.Append(" },");
  190. str.Append(" {");
  191. str.Append(" name: '周转材料',");
  192. str.Append(" children:");
  193. str.Append(" [");
  194. str.Append(" { name: '钢管', children: [] },");
  195. str.Append(" { name: '扣件', children: [] },");
  196. str.Append("{ name: '顶托', children: [] },");
  197. str.Append(" { name: '支托', children: [] },");
  198. str.Append(" { name: '模板', children: [] },");
  199. str.Append(" { name: '木方', children: [] },");
  200. str.Append(" { name: '钢跳板', children: [] }, ]");
  201. str.Append(" },");
  202. str.Append(" {");
  203. str.Append(" name: '配件材料',");
  204. str.Append(" children: [");
  205. str.Append(" {");
  206. str.Append(" name: '机械配件',");
  207. str.Append(" children: [");
  208. str.Append(" { name: '电机' },");
  209. str.Append("{ name: '修理类配件' },");
  210. str.Append(" { name: '轴承' },");
  211. str.Append("{ name: '地泵管口' },");
  212. str.Append("{ name: '地泵管口' },");
  213. str.Append(" { name: '离合器' },");
  214. str.Append(" { name: '整流模块' },");
  215. str.Append(" { name: '尼龙件' },");
  216. str.Append(" { name: '润滑脂泵' },");
  217. str.Append(" { name: '丙轮' }");
  218. str.Append(" ]");
  219. str.Append(" },");
  220. str.Append(" { name: '门', children: [] },");
  221. str.Append(" { name: '窗', children: [] },");
  222. str.Append(" { name: '板', children: [] },");
  223. str.Append(" { name: '烟道', children: [] },");
  224. str.Append(" { name: '桩', children: [] },");
  225. str.Append(" { name: '门窗玻璃总成', children: [] }, ]");
  226. str.Append(" },");
  227. str.Append(" {");
  228. str.Append(" name: '半成品材料',");
  229. str.Append(" children: [");
  230. str.Append("{ name: '钢铁构件', children: [] },");
  231. str.Append(" { name: '木制品', children: [] }");
  232. str.Append(" ]");
  233. str.Append(" },");
  234. str.Append(" {");
  235. str.Append(" name: '低值易耗品',");
  236. str.Append(" children: [");
  237. str.Append(" { name: '土木工具', children: [] },");
  238. str.Append(" { name: '切削工具', children: [{ name: '磨光机' }, ] },");
  239. str.Append(" { name: '起重运输工具', children: [] },");
  240. str.Append("{ name: '电焊及其它工具', children: [] },");
  241. str.Append("{ name: '劳保用品安全防护', children: [{ name: '劳保用品' }, { name: '安全网' }] }, ]");
  242. str.Append(" },");
  243. str.Append(" { name: '塑化剂', children: [], isParent: true },");
  244. str.Append(" { name: '金属制品', children: [], isParent: true }");
  245. str.Append(" ]");
  246. str.Append(" }");
  247. str.Append("]");//如果测试不通过的话把这个拼接的去掉
  248. context.Response.Write(str.ToString());
  249. }
  250.  
  251. public bool IsReusable
  252. {
  253. get
  254. {
  255. return false;
  256. }
  257. }
  258.  
  259. }

GetMatrailsTypeTree.ashx

在这里跟大家分享一下自己的心得,因为为了搞这个jquery zTree,各种方法都试了,像什么$.parseJSON(),但是总是在jquery.ztree.core-3.5.js文件中的

getNodeCacheId: function(tId) {
return tId.substring(tId.lastIndexOf("_")+1);
},

提示

zTree 无法获取属性“lastIndexOF”的值,

最后经过一番努力查证,各种调试,找到了解决方法,就是前台和后台json数据还是有差别的,大家可以参考一下:http://www.ztree.me/v3/faq.php#_204

希望此博客对大家有用,关注一下我的微博@战族狼魂

jquery zTree插件 json 数据详解的更多相关文章

  1. jQuery Ajax异步处理Json数据详解

    先我们来看一个官方的实例使用 AJAX 请求来获得 JSON 数据,并输出结果: $("button").click(function(){ $.getJSON("dem ...

  2. jquery.dataTables插件使用例子详解

    DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格 效果图 代码 <!doctype html> & ...

  3. JavaScript如何处理解析JSON数据详解

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧. JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON ...

  4. jQuery延迟加载插件(Lazy Load)详解

    最 新版本的Lazy Load并不能替代你的网页.即便你使用JavaScript移除了图片的src属性,有些现代的浏览器仍然会加载图片.现在你必须修改你的html代 码,使用占位图片作为img标签的s ...

  5. jQuery Fancybox插件使用参数详解

    Fancybox的特点如下: 可以支持图片.html文本.flash动画.iframe以及ajax的支持 可以自定义播放器的CSS样式 可以以组的形式进行播放 如果将鼠标滚动插件(mouse whee ...

  6. jQuery JCrop插件的使用详解

    jQuery的一个图片剪切的一个插件, 使用插件必须条件:引入jQuery.js文件,引入jQuery.Jcrop.js文件,引入JQuery.Jcrop.css文件   1.最基本的使用方法: &l ...

  7. Jquery validate插件使用方法详解

    html: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Reg.aspx.c ...

  8. 【转】JQuery上传插件Uploadify使用详解及错误处理

    转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...

  9. jQuery插件制作方法详解

        jQuery插件制作方法详解   jquery插件给我的感觉清一色的清洁,简单.如Jtip,要使用它的功能,只需要在你的元素的class上加 上Jtip,并引入jtip.js及其样式即可以了. ...

随机推荐

  1. HTTP,TCP,IP详解

    互联网协议包含了上百种协议标准,但是最重要的两个协议是TCP和IP协议,所以,大家把互联网的协议简称TCP/IP协议. 通信的时候,双方必须知道对方的标识,好比发邮件必须知道对方的邮件地址.互联网上每 ...

  2. React躬行记(11)——Redux基础

    Redux是一个可预测的状态容器,不但融合了函数式编程思想,还严格遵循了单向数据流的理念.Redux继承了Flux的架构思想,并在此基础上进行了精简.优化和扩展,力求用最少的API完成最主要的功能,它 ...

  3. Python版:Selenium2.0之WebDriver学习总结_实例1

    Python版:Selenium2.0之WebDriver学习总结_实例1  快来加入群[python爬虫交流群](群号570070796),发现精彩内容. 实属转载:本人看的原文地址 :http:/ ...

  4. codeforces 327 B. Hungry Sequence

    题目链接 题目就是让你输出n个数的序列,要保证该序列是递增的,并且第i个数的前面不能保护它的约数,我直接先对前100000的素数打表,然后输出前n个,so easy. //cf 191 B #incl ...

  5. [AI开发]目标检测之素材标注

    算力和数据是影响深度学习应用效果的两个关键因素,在算力满足条件的情况下,为了到达更好的效果,我们需要将海量.高质量的素材数据喂给神经网络,训练出高精度的网络模型.吴恩达在深度学习公开课中提到,在算力满 ...

  6. 一文带你彻底理解 JavaScript 原型对象

    一.什么是原型 原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承. 1.1 函数的原型对象 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那 ...

  7. java高并发系列 - 第21天:java中的CAS操作,java并发的基石

    这是java高并发系列第21篇文章. 本文主要内容 从网站计数器实现中一步步引出CAS操作 介绍java中的CAS及CAS可能存在的问题 悲观锁和乐观锁的一些介绍及数据库乐观锁的一个常见示例 使用ja ...

  8. SmartSql使用教程(4)——多库配置与使用

    一.引言 已经几个月没更新了.本来上一章的预告是准备写TypeHandler的相关特性的.但是在准备的时候.SmartSql的作者重构了一下TypeHandler,使得我一下子没搞懂TypeHandl ...

  9. 夯实Java基础(四)——面向对象之多态

    1.多态介绍 面向对象三大特征:封装.继承.多态.多态是Java面向对象最核心,最难以理解的内容.从一定角度来看,封装和继承几乎都是为多态而准备的. 多态就是指程序中定义的引用变量所指向的具体类型和通 ...

  10. php sql 类似 mybatis 传参

    PHP sql 处理上,没有类似于 java mybatis 的工具,导致进行一些sql 处理时,会有诸多不便, 楼主抽时间写了一个 php 类似 mybatis 的sql 工具,省去了拼装sql 的 ...