jsp页面

　　做人,生活，学习，玩．．．．
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　第一步头部加载：
　　/js/jquery.js">  
　　/css/flexigrid/flexigrid_gray.css" type="text/css">  
　　/js/flexigrid.js"> 
　　/js/jquery.contextmenu.js" type="text/javascript">
　　/css/contextmenu.css" rel="stylesheet" type="text/css" />
　　第二步加载到页面
　　$().ready(function() {  
　　var grid=$(".flex2").flexigrid  
　　(  
　　{  
　　url: '/test/test.action', 
　　dataType: 'json',  
　　colModel : [
　　{display: '信息编号', name : 'id', width : 150, sortable : true, align: 'left'},  
　　{display: '标题', name : 'title', width : 150, sortable : true, align: 'left'},  
　　{display: '类别', name : 'sprivlege.name', width : 120, sortable : true, align: 'left'},  
　　{display: '日期', name : 'datetime', width : 120, sortable : true, align: 'left'} ,
　　{display: '浏览次数', name : 'hit', width : 80, sortable : true, align: 'left'},           
　　{display: '内容', name : 'content', width : 200, sortable : false,hide:true, align: 'left'} 
　　],  
　　buttons : [
　　{ name: '打印', displayname: '打印', bclass: 'print', onpress: toolbarItem },
　　{separator : true}, // 设置分割线 
　　{ name: '增加', displayname: '增加', bclass: 'add', onpress: addItem },
　　{separator : true},
　　{ name: '删除', displayname: '删除', bclass: 'delete', onpress: deleteItem },
　　{separator : true} ,
　　{ name: '修改', displayname: '修改', bclass: 'edit', onpress: editItem },
　　{separator : true} 
　　],
　　//searchitems : [  
　　//  {display: '标题', name : 'title', isdefault: true},  
　　// {display: '类别', name : 'sprivlege.name'}  
　　//],  
　　usepager: true,     // 是否用分页
　　title: '新闻列表',   // 标题
　　pagestat: '显示 {from} ??到 {to} ??条  总共 {total} ??条', //显示当前页和总页面的样式  
　　useRp: true,        // 是否用每页显示多少行
　　rp: 20,             // 默认每页显示的行数
　　showTableToggleBtn: true, // 是否显示按钮
　　rpOptions: [10,15,20,25,30,35,40],//可选择设定的每页结果数  
　　procmsg: '正在查询，请稍等...',//正在处理的提示信息
　　onToggleCol: false,  //当在行之间转换时
　　sortable: true,     // 是否可排序
　　nomsg: '没有记录',   // 没有记录的时的提示
　　// onChangeSort: true, //
　　sortname: "datetime",
　　onSubmit :addFormData,//数据提交时调用的自定义函数
　　checkbox:true,//是否要多选框
　　rowId:'id',//绑定行的id
　　rowbinddata: true,//配合rowhandler，如在双击事件中获取该行的数据
　　rowhandler: contextmenu,    
　　//onSuccess:test,
　　sortorder: 'desc',
　　sortable: true,
　　width: 1000,         // table的宽度
　　height: 600// table的高度
　　}  
　　);
　　function contextmenu(row) {
　　// alert(row);
　　var menu = { width: 150, items: [
　　{ text: "查看", icon: "/images/icons/view.png", alias: "contextmenu-edit", action: contextMenuItem_click },
　　{ text: "修改", icon: "/images/icons/edit.png", alias: "contextmenu-view", action: contextMenuItem_click },
　　{ text: "删除", icon: "/images/icons/rowdelete.png", alias: "contextmenu-delete", action: contextMenuItem_click },
　　{ text: "刷新", icon: "/images/icons/table_refresh.png", alias: "contextmenu-reflash", action: contextMenuItem_click }
　　]
　　};
　　function contextMenuItem_click(target) {
　　var id = $(target).attr("id").substr(3);
　　var cmd = this.data.alias;
　　var ch = $.browser.msie ? target.ch : target.getAttribute("ch");
　　// var cell = ch.split("_FG$SP_");
　　if (cmd == "contextmenu-edit") {
　　editNews(id);
　　}
　　else if (cmd == "contextmenu-view") {
　　editNews(id);
　　}
　　else if (cmd == "contextmenu-delete") {
　　var name = cell[1];
　　if (confirm("你确认要删除新闻 [" + name + "] 吗？")) {
　　delNews(id);
　　}
　　}
　　else {
　　$("#flex2").flexReload();
　　}
　　}
　　$(row).contextmenu(menu);
　　}      
　　function editItem(com,grid){
　　var selected_count = $('.trSelected', grid).length;   
　　if (selected_count == 0) {   
　　alert('请选择一条记录!');   
　　return;   
　　}   
　　names = '';  
　　if(selected_count>1){
　　alert('一次只能修改一条');
　　return;
　　}
　　//var data=new Array();   
　　var ids; 
　　//$('.trSelected td', grid).each(function(i) {   
　　//      data[i] = $(this).children('div').text();   
　　//  ids=i;
　　//  });
　　$('.trSelected td:nth-child(2) div', grid).each(function(i) {   
　　ids = $(this).text();   
　　})     
　　//salert(ids);         
　　editNews(ids);
　　}
　　function editNews(ids){
　　$('#editForm').attr("action","/news/findNew s.action?news.id="+ids);
　　$('#editForm').submit();
　　}
　　function addItem(com,grid){
　　var selectedComs = document.getElementById("search.sprivlege.privid") ;
　　var kid=selectedComs.options[selectedComs.selectedInde x].value
　　$('#addForm').attr("action","/news/preAddNe ws.action");
　　$("[name=kid]").val(kid);
　　$('#addForm').submit(); 
　　}
　　function deleteItem(com,grid){
　　var selected_count = $('.trSelected', grid).length;   
　　if (selected_count == 0) {   
　　alert('请选择一条记录!');   
　　return;   
　　}   
　　names = '';   
　　$('.trSelected td:nth-child(3) div', grid).each(function(i) {   
　　if (i)   
　　names += ',';   
　　names += $(this).text();   
　　});   
　　ids = '';   
　　$('.trSelected td:nth-child(2) div', grid).each(function(i) {   
　　if (i)   
　　ids += ',';   
　　ids += $(this).text();   
　　})   
　　if (confirm("确定删除新闻[" + names + "]?")) {   
　　//  alert(ids);
　　delNews(ids);
　　}   
　　}
　　function delNews(ids){
　　$.ajax({   
　　url : '/news/delete.action',   
　　data : {   
　　ids : ids   
　　},   
　　type : 'POST',   
　　dataType : 'json',   
　　success : function() {  
　　$('#flex2').flexReload();//表格重载   
　　}   
　　});   
　　}
　　function toolbarItem(com, grid) {
　　if (com=='打印'){
　　var name=new Array();
　　var ziduan=new Array();
　　var widths=new Array();
　　//alert($(".hDivBox ").html());
　　//alert($(".ftitle").html());
　　var title=$(".ftitle").html();
　　var i=0;
　　$(".hDivBox th").each(function(){ 
　　// alert($(this).text()+":"+$(this).attr("style"));
　　if($(this).attr("style")==undefined || $(this).attr("style")=="" || $(this).attr("style")=="display: table-cell;"){
　　name[i]=$(this).text();
　　ziduan[i]=$(this).attr("abbr")
　　widths[i]=$(this).width();
　　//alert($(this).width()); 
　　i++;
　　}
　　//alert($(this).text()); 
　　}); 
　　//alert(name);
　　// alert(ziduan);
　　// alert(widths);
　　//   alert(title);
　　// alert(title);
　　$('#myform').attr("action","/report/report. action");
　　$("[name=heads]").val(name);
　　$("[name=alias]").val(ziduan);
　　$("[name=widths]").val(widths);
　　$("[name=title]").val(title);
　　$('#myform').submit();
　　}
　　} 
　　function addFormData() {
　　var dt = $('#sform').serializeArray();
　　$("#flex2").flexOptions( {
　　params :dt
　　});
　　return true;
　　}
　　$('#sform').submit( function() {
　　$('#flex2').flexOptions( {
　　newp :1
　　}).flexReload();
　　return false;
　　});
　　}); 
　　function deletes(ids){
　　var id=ids.substring(3,ids.length);
　　//alert(id);
　　if (confirm("确定删除此新闻?")) {                     
　　$.ajax({   
　　url : '/news/delete.action',   
　　data : {   
　　ids : id   
　　},   
　　type : 'POST',   
　　dataType : 'json',   
　　success : function() {  
　　$('#flex2').flexReload();//表格重载   
　　}   
　　});
　　}   
　　}
　　function modifypro(ids){
　　var id=ids.substring(3,ids.length);
　　$('#editForm').attr("action","/news/findNew s.action?news.id="+id);
　　$('#editForm').submit();
　　}
　　  
　　  
　　 
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
　　标题:
　　????
　　新闻类别:
　　????
　　--新闻类别-
　　
　　
　　
　　发表时间:
　　????"  cssClass="text" onclick='WdatePicker({dateFmt:"yyyy-MM-dd",qsEnabl ed:true,quickSel:["2000-10-01","%y-%M-01","%y-%M-%l d"]})' readOnly="true"  size="12"/> 至 " onclick='WdatePicker({dateFmt:"yyyy-MM-dd",qsEnabl ed:true,quickSel:["2000-10-01","%y-%M-01","%y-%M-%l d"]})'/>
　　是否推荐:
　　????
　　
　　
　　 ??????????????      
　　
　　
　　
　　style="margin:20px"  align="center"> 
　　flex2" class="flex2" align="left">