Jgrid列表1

最新推荐文章于 2020-12-30 00:48:27 发布
最新推荐文章于 2020-12-30 00:48:27 发布
阅读量111 收藏
点赞数 1
文章标签： jQuery WAP JSP UP Ajax ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lauphai/article/details/83883933
版权 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地址列表</title>

<link rel="stylesheet" type="text/css" media="screen" href="../css/cssgame/smoothness/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../css/cssgame/ui.jqgrid.css" />

<style>
html,body {
	margin: 0;
	padding: 0;
	font-size: 80%;
}
</style>

<script type="text/javascript" src="../js/jsgame/jquery.min.js"></script>
<script src="/js/myweb/i18n/grid.locale-cn.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jsgame/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="../js/jsgame/ui.core.js"></script>
<script type="text/javascript" src="../js/jsgame/ui.draggable.js"></script>
<script type="text/javascript" src="../js/jsgame/ui.resizable.js"></script>
<script type="text/javascript" src="../js/jsgame/ui.dialog.js"></script>
<script type="text/javascript" src="../js/jsgame/effects.core.js"></script>
<script type="text/javascript" src="../js/jsgame/effects.highlight.js"></script>
<script type="text/javascript" src="../js/jsgame/jquery.bgiframe.js"></script>
<script type="text/javascript" src="../js/jsgame/jquery.form.js"></script>
<script type="text/javascript">

function postform(){

	var options = {
		url:"g_wap_chaddr_crud.jsp?type=add",
		type:"post", 
        success: function(msg){
        	//alert(msg);
        	alert(msg.substring(2,msg.length).replace("error","添加失败").replace("success","添加成功").replace("exist","该ID已经存在"));
            $("#myweb_list").trigger("reloadGrid");   
		} 
    };
    $('#myweb_form').ajaxSubmit(options);

}

// 删除
function del(){
	$.ajax({ 
		type: "POST",   
		url:"g_wap_chaddr_crud.jsp?type=del&id="+$("#ch_id_del").attr("value"),
		success: function(msg){
		//alert(msg);alert(msg.length);
		alert(msg.substring(2,msg.length).replace("error","删除失败").replace("success","删除成功"));
		$("#myweb_list").trigger("reloadGrid"); 
		/*
		if(msg.length==9){
		 alert("删除成功");
			$("#myweb_list").trigger("reloadGrid"); 
		}else if(msg.length==7){
		 alert("删除失败");
			$("#myweb_list").trigger("reloadGrid"); 
		}
		*/
	}            
});    
}


// 修改
function update_(){
		$.ajax({ 
		    type: "POST",   
		    url:"g_wap_chaddr_crud.jsp?type=update&id="+$("#channel_up_id").attr("value")+"&channel_addr_up="+$("#channel_addr_up").attr("value")+"&channel_name_up="+$("#channel_name_up").attr("value"),       
		    success: function(msg){
			    //alert(msg);
			    alert(msg.substring(2,msg.length).replace("error","修改失败").replace("success","修改成功"));
				$("#myweb_list").trigger("reloadGrid"); 
		    }                
		});    
}

// 修改
function update(){

	var options = {
		url:"g_wap_chaddr_crud.jsp?type=update",
		type:"post", 
        success: function(msg){
        	alert(msg.substring(2,msg.length).replace("error","修改失败").replace("success","修改成功"));
            $("#myweb_list").trigger("reloadGrid");   
		} 
    };
    $('#myweb_form_up').ajaxSubmit(options);

}


// 添加
function add(){
		$.ajax({ 
		    type: "POST",   
		    url:"g_wap_chaddr_crud.jsp?type=add&channel_name="+$("#channel_name").attr("value"),       
		    success: function(msg){
		    //alert(msg);
		    alert(msg.substring(2,msg.length).replace("error","添加失败").replace("success","添加成功").replace("exist","该机型已经存在"));
			$("#myweb_list").trigger("reloadGrid"); 

		    }                
		});    
}

// 批量添加
function add_batch(){
		$.ajax({ 
		    type: "POST",   
		    url:"g_wap_chaddr_crud.jsp?type=add_batch&channel_batch="+$("#channel_batch").attr("value"),       
		    success: function(msg){
		    //alert(msg);
		    alert(msg.substring(2,msg.length).replace("error","添加失败").replace("success","添加成功").replace("exist","该机型已经存在"));
			$("#myweb_list").trigger("reloadGrid"); 

		    }                
		});    
}


jQuery(document).ready(function(){ 
  jQuery("#myweb_list").jqGrid({
    url:'g_wap_chaddr_data.jsp',
    datatype: 'xml',
    mtype: 'GET',
    colNames:['序号','ID','名称','地址'],
    colModel :[ 
      {name:'id',align:"center",width:"15%",search:false},
      {name:'channel_id',align:"center",width:"20%",search:true},
      {name:'channel_name',align:"center",width:"25%",search:true},
      {name:'channel_addr',align:"center",width:"50%",search:false}
    ],
    xmlReader: { 
  	  root: "rows", 
      row: "row", 
      page: "rows>page", 
      total: "rows>total", 
      records : "rows>records", 
      repeatitems: true, 
      cell: "cell", 
      id: "[id]" 
    }, 
    pager: '#myweb_pager',
    rowNum:25,
    rowList:[25,50,100],
    viewrecords: true,
    height: "100%",
    autowidth:true,
    forceFit:true,
    multiselect: true,
    gridview : true,
    caption: '地址列表'
  });

 jQuery("#myweb_list").navGrid('#myweb_pager',{
        edit:false,add:false,del:false,search:false,refreshtext:"刷新"
        } 
     );


  jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"修改",buttonicon:"ui-icon-pencil",title:"修改",  onClickButton: function(){
	  	var gr = jQuery("#myweb_list").jqGrid('getGridParam','selarrrow');
	  	var len = gr.length;
	  	if(len==0){
		  	alert("请选择要修改的纪录");
	  	}else if(len>1){
	  		alert("修改时只能选中一条记录");
	  	}else{
			var rowid=gr[0];
			//var contents = $("#myweb_list").getCell(rowid, "invdate")+$("#myweb_list").getCell(rowid, "amount");
			$("#channel_name_up").attr("value",$("#myweb_list").getCell(rowid, "channel_name"));
			$("#channel_addr_up").attr("value",$("#myweb_list").getCell(rowid, "channel_addr"));
			$("#channel_id_up").attr("value",$("#myweb_list").getCell(rowid, "channel_id")).attr("readonly","true");
			$("#channel_up_id").attr("value",rowid);
  	  		$('#shsp_dialog_up').dialog('option', 'title', '修改');
	  	  	$('#shsp_dialog_up').dialog('open');
	  	}
           }, position:"last"
    });       



  	jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"删除",buttonicon:"ui-icon-trash",title:"删除",  onClickButton: function(){ 

	  	var gr = jQuery("#myweb_list").jqGrid('getGridParam','selarrrow');
	  	var len = gr.length;
	  	if(len==0){
		  	alert("请选择要删除的纪录");
	  	}else{
			var rowid=gr[0];
			var contents = $("#myweb_list").getCell(rowid, "invdate");
			$("#ch_id_del").attr("value",gr);
			$("#ch_id_del").attr("readonly","true");
  	  		$('#shsp_dialog_del').dialog('option', 'title', '删除');
	  	  	$('#shsp_dialog_del').dialog('open');

	  	}}, position:"last"
        });

    /* 
     jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
		        caption:"明细",buttonicon:"ui-icon-pencil",title:"明细",  onClickButton: function(){ 
			  	var gr = jQuery("#myweb_list").jqGrid('getGridParam','selarrrow');
			  	var len = gr.length;
			  	if(len==0){
				  	alert("请选择要察看明细的纪录");
			  	}else if(len>1){
			  		alert("察看明细时只能选中一条记录");
			  	}else{
					var rowid=gr[0];
					//self.location='g_channel_gart.jsp?ch_id='+$("#myweb_list").getCell(rowid, "ch_id")+'&id='+rowid+'&game_type_id='+$("#myweb_list").getCell(rowid, "game_type_id");
					self.location='ser_ua_list_gart.jsp?id='+rowid;
			  	}
        	}, position:"last"
        });



   jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"查询",buttonicon:"ui-icon-document",title:"查询",  onClickButton: function(){
        jQuery("#myweb_list").jqGrid('searchGrid',
		{sopt:['eq']}
	);

        }, position:"last"
        });  

    jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"返回",buttonicon:"ui-icon-document",title:"返回上级",  onClickButton: function(){ 
		self.location='g_channel_list.jsp';     
        	}, position:"last"
        });
      */   


      // 添加 
     jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"添加",buttonicon:"ui-icon-check",title:"添加",  onClickButton: function(){
	  	  	$('#shsp_dialog').dialog('open');
        	}, position:"last"
        });

     /* 批量添加   
     jQuery("#myweb_list").navButtonAdd('#myweb_pager',{
        caption:"批量添加",buttonicon:"ui-icon-check",title:"添加",  onClickButton: function(){ 
	  	  	$('#shsp_dialog_batch').dialog('open');
        	}, position:"last"
        });
       */

});
</script>

<script type="text/javascript">
	$(function() {

		// 删除
		$("#shsp_dialog_del").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
				'提交': function() {
					var bValid = true;
					if (bValid) {
						del();
						$(this).dialog('close');
					}
				},
				'取消': function() {
					$(this).dialog('close');
					$("#myweb_list").trigger("reloadGrid");
				}
			}
		});



		 // 修改
		$("#shsp_dialog_up").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
				'确定修改': function() {
					var bValid = true;
					var ser_ = $("#channel_addr_up").attr("value");
					if(ser_!=""){
						update();	
					}else{
						alert("修改的地址不能为空");
					}
					$(this).dialog('close');
				},
				'取消': function() {
					$(this).dialog('close');
					$("#myweb_list").trigger("reloadGrid");
				}
			}
		});



		 // 新增
		$("#shsp_dialog").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
				'提交': function() {
					var bValid = true;
					var ch_id = $("#channel_id").attr("value");
					var ch_addr = $("#channel_addr").attr("value");
					if(ch_id==""){
						alert("渠道ID不能为空");
					}else if(ch_addr==""){
						alert("渠道地址不能为空");
					}else{
						//add();
						postform();	
					}
					$(this).dialog('close');
				},
				'取消': function() {
					$(this).dialog('close');
					$("#myweb_list").trigger("reloadGrid");
				}
			}
		});


		/* 批量新增
		$("#shsp_dialog_batch").dialog({
			bgiframe: true,
			autoOpen: false,
			modal: true,
			buttons: {
				'提交': function() {
					var bValid = true;
					var ser_ = $("#channel_batch").attr("value");
					//alert(ser_);
					//alert($("#upload_text").attr("value"));
					if(ser_!=""){
						add_batch();
						$(this).dialog('close');
					}else{
						alert("新增型号不能为空");
						$(this).dialog('close');
					}
				},
				'取消': function() {
					$(this).dialog('close');
					$("#myweb_list").trigger("reloadGrid");
				}
			}
		});
		*/


	});
</script>

</head>
<body>
<table id="myweb_list"></table> 
<div id="myweb_pager"></div>
<div id="shsp_dialog_del" title="删除">
删除此条数据：<input type="text" name="ch_id" id="ch_id_del" readonly value=""/>
</div>

<div id="shsp_dialog" title="添加">
<form id="myweb_form" name="myweb_form" enctype="multipart/form-data" action="g_wap_chaddr_crud.jsp" method="post">
名称：<br/><input type="text" name="channel_name" id="channel_name" value="" style ="width:250px;cursor:hand"/><br/>
ID：<br/><input type="text" name="channel_id" id="channel_id" value="" style ="width:250px;cursor:hand"/><br/>
地址：<br/><input type="text" name="channel_addr" id="channel_addr" value="" style ="width:250px;cursor:hand"/>
</form>
</div>

<div id="shsp_dialog_up" title="修改">
<form id="myweb_form_up" name="myweb_form_up" enctype="multipart/form-data" action="g_wap_chaddr_crud.jsp" method="post">
名称：<br/><input type="text" name="channel_name_up" id="channel_name_up" value="" style ="width:280px;cursor:hand"/><br/>
ID：<br/><input type="text" name="channel_id_up" id="channel_id_up" value="" style ="width:280px;cursor:hand"/><br/>
地址：<br/><input type="text" name="channel_addr_up" id="channel_addr_up" value="" style ="width:280px;cursor:hand"/>
<input type="hidden" name="id" id="channel_up_id" value=""/>
</form>
</div>
<%--
<div id="shsp_dialog_batch" title="批量添加">
新增：(用逗号隔开)
<textarea  cols="40" id="channel_batch" name="channel_batch" rows="10"></textarea>

<input type="text" name="channel_batch" id="channel_batch" value="" style ="width:200px;cursor:hand"/><br/>
--%>
</div>


</body>
</html>

lauphai
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery 模拟JGrid实现分页列表显示----2016-05-27
08-13
在本主题中，我们将深入探讨如何使用jQuery模拟JGrid实现分页列表显示。JQuery是一个广泛使用的JavaScript库，它提供了丰富的功能，包括DOM操作、事件处理、动画效果以及与Ajax的交互。而JGrid则是一个基于jQuery的...
jgrid实现列的动态
07-24
- `ismbb`是一个布尔变量，如果为真，则特定列（如“remession”）将被添加到显示列表中。 - 根据`dtspatten`的值，某些列（如“feature”和“module”）的显示状态会有所不同。 3. **动态列集合生成：** - 通过...
Jgrid列表data2
扶摇子的专栏
04-02 101
[code="java"] 0) { total_page_count = (total_result_count / per_page); } if ((total_result_count % per_page) > 0) { total_page_count++; } stmt = conn.prepareStatement(url...
jgrid格式化列表
weixin_34402090的博客
11-30 66
{header:'是否黑名单专家', name:'isBlack', index:'a.isBlack', width:200,align:"center", formatter: function(val, obj, row, act){ if(typeof(val)=='undefined'){ return "否"; } else if(val='1'){ return "是"...
jGrid使用
JunglerOfChina的博客
09-16 747
特别推荐：怎样获取某一方某一列的值: [html] view plaincopy var rowdata=jQuery("#list").jqGrid('getRowData',num);         var emergencySencondMgrId = rowdata["emergencySencondMgrId"];//列名和jGrid定义时
jgrid获取列表表格数据方法
weixin_30266885的博客
10-27 114
jgrid获取列表表格数据方法 var jccsid=$("#table_list_1").getCell(rowid,'JCCSID'); // 不在编辑状态 var jccsid=$("#"+rowid+"_JCCSID").val();// 编辑状态 转载于:https://www.cnblogs.com/StuM/p/9862104.html...
jgrid 学习
wangyj1992的博客
05-04 625
分类： js（48）  目录(?)[+] jqGrid整理 一、 jqGrid的加载。 1.引用相关头文件 引入CSS： jQuery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" /> 引入JS： JavaScript"> 因为jqGrid3.6及以后的版本集
jgrid 多选 快捷键_jqgrid动态修改列
weixin_39669629的博客
12-30 229
在实际生产中，经常会遇到这样的情况，当jqgrid加载完成对应的数据列之后，点击某操作需要减少或增加一列。针对这种情况如何处理呢？这里提供一种方法，就是基于jqgrid提供的hideCol方法。具体使用方式：$("#jqGrid").jqGrid('hideCol', ["column"]).trigger("reloadGrid");通过上的方法即可将不需要显示的列进行隐藏操作。如果参数为一个列...
jgrid 多选 快捷键_Intellij IDEA史上最全快捷键大全
weixin_30082211的博客
12-30 485
古人有云：工欲善其事，必先利其器，要是只是手握利器，而不能发挥其最大的效益，那无异于赤手空拳，对敌对垒。那古人所云，未得其精髓，只能为碎语闲言尔。自动代码常用的有fori/sout/psvm+Tab即可生成循环、System.out、main方法等boilerplate样板代码 。例如要输入for(User user : users)只需输入user.for+Tab ；再比如，要输入Date bi...
Jgrid之将所有数据转化为JSON-yellowcong
09-18 1470
JGrid中获取GRID的所有数据的函数有 $("#igrid").getRowData(); 获取所有的数据， $(“#gridTable”).jqGrid(‘getRowData’,rowId); 获取一行的数据 $("#gridRakuData").getLocalRow(rowIds[row]);
jgrid翻页全选记忆勾选
12-16
1. **jGrid**：这是一个流行的JavaScript库，用于创建交互式的HTML表格，类似于jQuery UI的DataTable或AngularJS的UI Grid。它支持多种功能，包括分页、排序、搜索以及我们讨论的重点——全选和记忆勾选。 2. **...
jgrid.zip
07-09
1. **ASP.NET MVC** 或 **Web Forms**：这两种.NET开发框架都可以用来构建Web应用，它们都支持与jGrid的集成。 2. **数据绑定**：jGrid可以通过AJAX从服务器获取数据，也可以通过服务器端绑定实现数据加载。 3. **C#...
JGrid_函数及使用教程.doc
03-23
- **作用**：获取当前`grid`中所有数据的ID列表。 10. **getGridParam(name)** - **作用**：获取`jqGrid`的参数信息。 - **参数**：`name` - 参数名。 11. **getInd(rowid[, rowcontent])** - **作用**：...
【Java 设计模式-源码】Caching 模式：加速数据访问速度
最新发布
08-28
一、概述 在 Java 开发中，Caching 模式是一种重要的性能优化和资源管理模式。它涉及各种缓存策略，如写通、读通和 LRU 缓存，以确保高效的数据访问。Caching 模式通过避免在使用后立即释放资源，而是将其保留在快速访问存储中，从而避免了昂贵的资源重新获取。 二、Caching 设计模式的别名 Cache Temporary Storage 三、Caching 设计模式的意图 Java 中的 Caching 设计模式对于性能优化和资源管理至关重要。它涉及各种缓存策略，如写通、读通和 LRU 缓存，以确保高效的数据访问。Caching 模式避免了在使用后立即释放资源，而是将其保留在一些快速访问存储中，并重新使用它们，以避免再次获取它们的开销。 四、Caching 模式的详细解释及实际示例 实际示例： Java 中 Caching 设计模式的一个现实世界示例是图书馆的目录系统。通过缓存频繁搜索的图书结果，系统减少了数据库负载并提高了性能。当读者频繁搜索热门图书时，系统可以缓存这些搜索的结果。而不是每次用户搜索热门图书时都查询数据库，系统可以快速从缓存中检索结果。这减少了数据库的
爬取的淘宝男鞋新品推荐商品信息透明公开的数据集
08-28
本资源专注于收集淘宝男鞋新品推荐商品信息，内容涵盖商品的店铺所在省份、城市位置、商品的名称、销售价格、累积销量、单价（以人民币计价）、付款的顾客人数、是否提供包邮服务、是否为天猫平台的商品，以及相关的满减优惠情况。这些详细的数据点均来源于淘宝平台的公开透明信息，经过精确抓取和整理，旨在为分析电商平台上的新品推荐策略和消费者购买行为提供实用数据。 这些数据严格遵循淘宝平台的公开政策和隐私保护原则获取，确保了信息的合法性与合规性。然而，本资源仅作为学习参考之用，意在帮助研究人员、市场分析师或学生等理解电商领域的商品推荐机制、销售动态及市场趋势。 任何将此数据用于商业目的或其他未授权的活动都是不恰当的，甚至可能触犯相关法律条款。 在使用这些数据进行学术研究或个人学习时，用户应自觉遵守相关法律法规，尊重数据来源和版权，正确引用数据源，并不得用于任何形式的商业盈利。 注意：这是一份数据集
如何使用 VirtualBox 的捕获包(解决方案).md
08-28
如何使用 VirtualBox 的捕获包(解决方案).md
PHD对多目标跟踪的处理问题(解决方案).md
08-28
PHD对多目标跟踪的处理问题(解决方案).md
$.jgrid.formatter
06-07
$.jgrid.formatter 是 jqGrid 插件中的一个函数，用于格式化表格中的数据。它可以将数据格式化为不同的形式，例如日期、数字、货币等等。这个函数通常用于定制 jqGrid 的表格列的显示方式。例如，如果你想在 jqGrid ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值