- 浏览: 49795 次
- 性别:
- 来自: 青岛
最新评论
做人,生活,学习,玩....
第一步头部加载:
/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"]})'/>
是否推荐:
????
??????????????
flex2" class="flex2" align="left">
发表评论
-
字符串的排列--总结
2012-07-06 09:51 579题目:输入一个字符串,打印出该字符串中字符的所有排列。例如 ... -
验证整数、小数、实数、有效位小数最简单JavaScript正则表达式
2012-07-06 09:45 661输入完按回车后即可验证!(自认为最简单!) 正整数: ... -
正则表达式学习笔记
2012-07-06 09:37 617元字符: \b: 匹配一个位置,可以是一个串中间的某个位置 ... -
AndroidVirtual Devices (AVD)创建、设置
2012-07-06 09:30 9201.将android-sdk 中的to ... -
div的使用
2012-07-05 20:45 6331.div显示在屏幕中央。 ... -
Android 桌面组件【widget】初探
2012-07-03 13:43 583本来打算晚上继续 Api Demos 系列的,不过今天下午 ... -
flex datechooser 日期小例子
2012-07-02 10:38 660在这个例子中,我们讲解的是DateChooser 控件,这 ... -
Flex权威指南3学习笔记之一------界面知识(二)
2012-07-02 10:38 518使用基于条件的约束的布局 1.在viewCart按钮和ch ... -
flex 读取配置文件 与PHP交互 圆饼图
2012-07-02 10:38 612FLEX文件 teacherevalute.mxml ... -
Flex获取操作XML示例
2012-07-02 10:38 577/****** ".",&qu ... -
关于flexigrid一点用法
2012-07-01 00:16 570闲来无事在网上找了一个jquery的grid插件 flex ... -
FlashPaper 使用经验之谈
2012-07-01 00:16 819FlashPaper 使用经验之谈 李志海 201 ... -
Parsley初次应用
2012-07-01 00:16 676Parsley是一个比较著名的Flex IoC开源项目,也 ... -
在应用中使用Ext Loader
2012-07-01 00:16 609原文:http://www.sencha.com/b ...
相关推荐
任何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页面的五种跳转方式 java jsp
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧。试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式。下面来一起看看详细的介绍: 1. URL 链接后追加参数 <a>URL 后面追加参数 ...
jsp页面如何实现点击一个按钮同时弹出一个页面和一个对话框
(1).熟悉tomcat的启动和关闭操作...2.参考教材的例子1,编写一个JSP页面sum.jsp,功能是求出表达式 1!+2!+3!+...+16! 的和,并显示在页面。编写好后分别放在根目录,自建Web服务目录,创建的虚拟目录中进行测试运行。
jsp页面连接数据库jsp页面连接数据库
JSP页面显示list的常用方法
jsp简单语法,servlet,JSP概述,JSP页面构成,注释,指令,脚本元素,动作元素,错误处理
jsp页面进度条
JSP页面跳转方法汇总,JSP页面跳转方法汇总