- 浏览: 41802 次
最新评论
做人,生活,学习,玩....
第一步头部加载:
/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">
发表评论
-
“千年传承,再续辉煌”--广东阳江漠阳剑派
2014-10-31 00:33 1重剑无锋,大音希声,周星驰说折凳是最好的武器,我说看似嘻 ... -
数组、字符串
2012-07-06 09:51 7851 一维数组 数 ... -
java中正则表达式运用实例(用String类的matches方法演示)
2012-07-06 09:44 1474java中正则表达式运用实例(参看java中正则表达式运用 ... -
java 正则表达式
2012-07-06 09:37 729[b]Java [/b][b]正则表达式 [/b]在计算机 ... -
Flash CS5 用户自定义Button组件
2012-07-06 09:29 13162010/12/24 Flash CS5 用户自定义But ... -
自己写的自动完成js插件源码
2012-07-05 20:44 623经测试,此插件兼容ie,chrome,firefox。 / ... -
005_《Delphi6组件大全》
2012-07-03 13:42 1001Delphi 教程系列书籍 (005) 《Delphi6组 ... -
005_《Delphi6组件大全》
2012-07-03 12:16 593Delphi 教程系列书籍 (005) 《Delphi6组 ... -
关于flexigrid一点用法
2012-07-02 10:12 812闲来无事在网上找了一个jquery的grid插件 flex ... -
Mate-基于标签的框架
2012-07-02 10:12 779Mate 将会成为Flex领域的另一个热点。它使用设置(c ... -
Flex中要想使图表的横坐标轴标签成45度显示(2)
2012-07-02 10:11 837从外部引入样式 1.在外部src/assets目录文 ... -
Flex获取操作XML示例
2012-07-01 09:32 692/****** ".",&qu ... -
The architecture of Flex and Java applications two (Flex 和 Java 应用程序架构 2)
2012-07-01 09:31 948Flex and Java application ... -
Flex编程学习基础
2012-07-01 09:31 755Flex是Adobe公司推出 ... -
使用HTTPService读取远程XML文件为TREE赋值的例子
2012-07-01 09:31 718在FLEX4中 使用一个HTTPService 读取远程的 ... -
flex 通过HTTPService与php通信
2012-07-01 09:31 790最近研究HTTPService与php通信,去网上查了好多 ... -
解决Flex4 发布后访问 初始化极其缓慢的问题
2012-06-30 11:16 1382解决Flex4 发布后访问 初始化极其缓慢的问题 2011年 ... -
flex builder 3, flex builder 4下载与安装
2012-06-30 11:16 942flex builder 3, flex builder 4 ... -
Flex4之使用ActionScript构建组件
2012-06-30 11:16 573Flex4之使用ActionScript构 ... -
flex 开源项目组件大全
2012-06-30 11:16 1116flex 开源项目组件大全 2010年09月13日 Fl ...
相关推荐
任何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页面跳转方法汇总