做人,生活,学习,玩....
第一步头部加载:
/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();
}
height="26" align="right">标题:
????
新闻类别:
????
--新闻类别-
height="26" align="right">发表时间:
????" 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"]})'/>
是否推荐:
????
height="26"> ??????????????
flex2" class="flex2" align="left">
发表评论
-
linux egrep命令参数及用法详解---在文件内查找指定的字符串
2012-07-06 09:52 1992功能说明:在文件内查找指定的字符串。egrep执行效果如g ... -
JavaScript对象及继承教程
2012-07-06 09:46 657一、 类与对象 在 JavaScript 世界里,关于面向 ... -
数据库组件 Hxj.Data (二十二) (缓存)
2012-07-03 13:44 594首先我是做web开 ... -
Flash builder 4.5支持Android平台之初体验
2012-07-02 12:53 659Flash builder 4.5可以 ... -
Chapter 4: About Event--Using events
2012-07-02 12:53 515在Flex中使用事件分 ... -
遮罩的使用
2012-07-02 12:53 622有N个按钮又不想其导航栏出现烦人的滚动条。 解决方法 ... -
Chapter 22: Using Item Renderers and Item Editors--Creating item renderers and item editor components
2012-07-02 12:53 792Defining a custom item render ... -
通过Ethereal测量响应时间
2012-07-01 10:19 663我们在测试过程中有的时候响应时间可以通过客户端性能测试工具 ... -
AS3.0相关知识
2012-07-01 10:19 702as3.0 2010-01-06 0 ... -
使用AsyncToken和CallResponder的注意事项
2012-07-01 10:19 7801、 认识AsyncToken和CallResponder ... -
编写鱼眼组件
2012-07-01 10:19 653编写鱼眼组件 如果你看过苹果那的停靠栏也许你会很惊讶 ... -
使用Flare3D在FB中搭建第一个Molehill项目
2012-07-01 10:19 630本文介绍如何使用第三方开发框架Flare 3D 2.0在F ... -
[转]Flash平台开发者技能树
2012-06-30 16:47 673[转]Flash平台开发者技能树 2011年06月29日 ... -
《迎接RIA时代的到来》_75144
2012-06-30 16:47 564《迎接RIA时代的到来》_ ... -
2011年02月26日
2012-06-30 16:47 6382011年02月26日 2011年02月 ... -
as3 类库(转),留着以后慢慢看
2012-06-30 16:47 950as3 类库(转),留着以后慢慢看 2011年11月03日 ... -
Action Script 开源项目大全(二)
2012-06-30 16:47 1023Action Script 开源项目大全(二) 2010年0 ...
相关推荐
任何jsp页面只要使用包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息,在页面加载完后将自动隐藏。 我为什么使用这个组件? 1。交互性。 客户清楚知道,你的页面是在加载,需要等待,而不用...
提升JSP页面响应速度的七大秘籍绝招提升JSP页面响应速度的七大秘籍绝招提升JSP页面响应速度的七大秘籍绝招
解决jsp页面乱码,页面信息配置,tomcat配置以及各种信息配置
JSP页面增加遮罩
jsp页面引入KindEditor文本编辑器
根据PDF的存放路径,将PDF文件显示在JSP页面,可显示多个,也可显示固定的一个 根据具体需求在JSP页面显示一个或者多个PDF
动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html页面动态Jsp页面转换成静态Html...
jsp页面加载时提示loading!! jsp页面加载时提示loading!!
几种JSP页面传值方式问题,很不错的东西,下载自己看吧
在一个JSP页面里面根据条件动态的加载另一个jsp页面,另一个jsp页面是根据条件从数据库中提取的数据表格。
jsp页面如何实现点击一个按钮同时弹出一个页面和一个对话框
jsp页面的五种跳转方式 java jsp
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧。试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式。下面来一起看看详细的介绍: 1. URL 链接后追加参数 <a>URL 后面追加参数 ...
(1).熟悉tomcat的启动和关闭操作...2.参考教材的例子1,编写一个JSP页面sum.jsp,功能是求出表达式 1!+2!+3!+...+16! 的和,并显示在页面。编写好后分别放在根目录,自建Web服务目录,创建的虚拟目录中进行测试运行。
jsp页面连接数据库jsp页面连接数据库
JSP页面显示list的常用方法
jsp简单语法,servlet,JSP概述,JSP页面构成,注释,指令,脚本元素,动作元素,错误处理
jsp页面进度条
JSP页面跳转方法汇总,JSP页面跳转方法汇总