首先.去下载FlexGrid www.flexigrid.info/ 
下载完成后.解压开有__MACOSXflexigrid两个文件夹 
主要使用flexigrid里面的文件 
flexgrid文件夹下文件如下 
 
.. 
准备工作完成后 
真正工作开始了 
MyEclipse下新建Web project.. 
flexigrid包下所有的文件拷贝到WebRoot/ 
新建*.jsp页面 
body体中 
加入 
Jsp代码 
1. <table id="flex1" style="display:none"></table> 

做完flexigrid控件的显示容器. 没有则不会显示控件 
页面引入控件代码 
Javascript代码 
1. <table id="flex1" style="display:none"></table> 
2.             <input id="hidden" type="hidden" name="hidden" value="null" /> 
3.             <script> 
4.             $("#flex1").flexigrid 
5.             ( 
6.             { 
7.             url: '../ReleaseInfoServlet?hidden=manage'
8.             dataType: 'json'
9.             colModel : [ 
10.                 {display: '信息编号', name : 'RINO'程序员进制转换计算器, width : 50, sortable : true, align: 'center',hide: false}, 
11.                 {display: '信息标题', name : 'RITITLE', width : 250, sortable : true, align: 'center'}, 
12.                 {display: '信息类别', name : 'IC.ICNAME', width : 100, sortable : true, align: 'center'}, 
13.                 {display: '信息热点', name : 'RIHOTPOINT', width : 60, sortable : true, align: 'center'}, 
14.             <!--{display: '信息内容', name : 'RICONTENT', width : 100, sortable : true, align: 'center'},--> 
15.                 {display: '发布日期', name : 'RIDATE', width : 120, sortable : true, align: 'center'}, 
16.                 {display: '发布作者', name : 'RIAUTHOR', width : 80, sortable : true, align: 'center'}                                                               
17.                 ], 
18.             buttons : [ 
19.                 {name: '添加', bclass: 'add', onpress : button}, 
20.                 {name: '删除', bclass: 'delete', onpress : button}, 
21.                 {name: '修改', bclass: 'modify', onpress : button},                 
22.                 {separator: true
23.                 ], 
24.             searchitems : [ 
25.                 {display: '信息编号', name : 'RINO', isdefault: true}, 
26.                 {display: '信息标题', name : 'RITITLE'}, 
27.                 {display: '信息类别', name : 'IC.ICNAME'}, 
28.                 {display: '发布作者', name : 'RIAUTHOR'
29.                 ], 
30.             sortname: "RINO"
31.             sortorder: "desc"
32.             usepager: true
33.             title: '信息发布管理'
34.             useRp: true
35.             rp: 20, 
36.             showTableToggleBtn: true
37.             width: 780, 
38.             height: 300 
39.             } 
40.             ); 
41.              
42.             function button(com,grid) 
43.             { 
44.                 if (com=='删除'
45.                     { 
46.                         ${"hidden"}.value="delete"
47.                         if($('.trSelected',grid).length==0){ 
48.                             alert("请选择要删除的数据"); 
49.                         }else
50.                             if(confirm('是否删除这 ' + $('.trSelected',grid).length + 条记录吗?')) 
51.                             { 
52.                               var  id =""
53. flex换行属性                             for(var i=0;i<$('.trSelected',grid).length;i++){ 
web制作网页主页子页代码样例
54.                                 ifjquery下载文件请求(i==$('.trSelected',grid).length-1){ 
55.                                     id += "id="+$('.trSelected',grid).find("td:first").eq(i).text(); 
56.                                 } else { 
57.                                     id += "id="+$('.trSelected',grid).find("td:first").eq(i).text()+"&"
58.                                 } 
59.                               } 
60.                               window.location.href="../ReleaseInfoServlet?hidden="+${"hidden"}.value+"&"+id; 
61.                           } 
62.                        } 
63.                     } 
64.                 else if (com=='添加'
65.                     { 
66.                         ${"hidden"}.value="add"
67.                         window.location.href="infoAdd.jsp?hidden="+${"hidden"}.value; 
68.                     } 
69.                 else if (com=='修改'
70.                 { 
71.                     ${"hidden"}.value="modify"
dede如何安装
72.                     if($(".trSelected").length==1){ 
73.                         window.location.href="infoAdd.jsp?hidden="+${"hidden"}.value+"&id="+$('.trSelected',grid).find("td").eq(0).text(); 
74.                     }else if($(".trSelected").length>1){ 
75.                         alert("请选择一个修改,不能同时修改多个"); 
76.                     }else if($(prompt后面接什么".trSelected").length==0){ 
77.                         alert("请选择一个您要修改的新闻信息"

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。