jqgrid 增删查改 添加toolbar 不保存到数据库 artdialog 弹出框编辑

原创 2013年12月04日 09:37:16
<table id="grid"></table>
<div id="pager"></div>
<script>
	$(function(){
		 $("#grid").jqGrid({			
			datatype: "json",
			colNames: ['料号','料号名称', '料号规格', '等级', '币别', '单价','数量', '单位', '金额', '备注', 'doc_id'],
			colModel: [
				{name:'material_id',index:'material_id' },
				{
					name: 'material_name',
					index: 'material_name',
					sortable: true
				}, {
					name: 'material_spec',
					index: 'material_spec',
					width: 190 
				}, {
					name: 'grade',
					index: 'grade'
				}, {
					name: 'currency',
					index: 'currency'
				}, {
					name: 'unit_price',
					index: 'unit_price',
					width: 155
				}, {
					name: 'quantity',
					index: 'quantity'
				},{
					name: 'units',
					index: 'units',
					width: 155 ,sortable: true
				}, {
					name: 'amount',
					index: 'amount'
				}, {
					name: 'remark',
					index: 'remark'
				}, {
					name: 'doc_id',
					index: 'doc_id',
					hidden:true, 
					width: 155
				}],
			rowNum: 10,
			rowList: [10, 20, 30],
			rownumbers:true,
			altRows:true,
			//viewsortcols:false,//禁止排序
			altclass: 'altRowsColour',
			pager: '#pager',
			//sortname: 'id',
			viewrecords: true, 
			autowidth: true, //自动匹配宽度
			//width:500, 
			height: 200, //设置高度 
			toolbar : [true,"top"]
			}); 
$("#t_grid").height(27); 
 $("#t_grid").append("<input id='add_btn' class='tbtn' type='button' value='新增' /><input id='alt_btn' class='tbtn' type='button' value='修改' /><input id='del_btn' class='tbtn' type='button' value='删除' /><input id='save_btn' class='tbtn' type='button' value='保存' />"); 
 $("input#add_btn","#t_grid").click(function(){
 		var dialog = art.dialog({id: 'N1111',title: false}); 
					$.ajax({
					    url: 'addG.html',
					    success: function (data) {			    	
					        dialog.content(data);			       
					    },
					    cache: false
					});
  });
 $("input#alt_btn","#t_grid").click(function(){
 		var gr = $('#grid').jqGrid('getGridParam','selrow');
	         if( gr != null ) 
	         	{	 
	         		/*var path = art.dialog.data('homeDemoPath') || './'; 			
					art.dialog.open(path + 'alt.html?fd', {
						title: '修改数据',
						lock:true
					});*/
				 var dialog = art.dialog({id: 'N1111',title: false}); 
					$.ajax({
					    url: 'altG.html',
					    success: function (data) {			    	
					        dialog.content(data);			       
					    },
					    cache: false
					});
				}
	         else alert('请选择修改行');
 });
 $("input#del_btn","#t_grid").click(function(){ 
 		var rowid = $('#grid').jqGrid('getGridParam','selrow');
        if(rowid!= null)
        	$('#grid').jqGrid('delRowData', rowid);
        else alert('请选择删除行'); 
  });
$("input#save_btn","#t_grid").click(function(){ 
	var len=$("#grid .jqgrow").length; 
    if(len>0)
	{ 
    	var rows=$("#grid").jqGrid('getRowData'); 
 		
			var effectRow = new Object();  
			
				effectRow["inserted"] = JSON.stringify(rows);  
			  
			$.post("__URL__/addjia", effectRow,
			function(data){
				//alert(data);
			  },"text");	 
		   /* $.ajax({
		                    url: "__URL__/addjia",
		                    dataType : "html",
		                    data:effectRow,
		                    success : function(data) {
		                        alert(data);
		                    }
		                }); */ 
	}    	
    else alert('无数据'); 
});
	$("#grid").jqGrid('navGrid', '#pager', {
		edit: false,
		add: false,
		del: false,
		search: false,
		refresh: false
	}); 

});
	 
</script>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Jqgrid Toolbar

jqgrid+button测试 <script src="//code.jquery.com/ui/

jqGrid增加toolbar

id="grid-table-toolbar" class="container-fluid"> class="form-inline" onsubmit="return false;"> ...

Jqgrid+Struts2实现的增删改查(一)

最近在学Jquery,发现jgrid做表格的查询很有意思,网上搜集了一些资料,参考人家的例子,自己动手也写了一个简单的例子。 一 View crud demo /jquery-ui-th...

Jqgrid+Spring实现的增删改查(一)

最近基于之前jqgrid+struts的基础上,做了一个jqgrid+spring的例子,大家请上眼。 零: 工程项目图: 一 View jqgrid demo

jqgrid增删改查

Form Editing编辑模式主要的方法有几个,分别是editGridRow——用来修改记录,editGridRow函数,传递一个'new'的参数就表示新增记录;viewGridRow查看记录详情;...

jqGrid增删改查显示——增加+nodejs后台

本篇文章只介绍jqGrid增加操作 本篇文章代码在以下两篇代码基础上修改: jqGrid显示:http://blog.csdn.net/tangjiarao/article/details/504...

【BootStrap】--具有增删改查功能的表格Demo

目录(?)[+] 前言        bootstrap的表格样式,有类似EasyUI的表格,也有卡片式表格,放到移动端显示,各有千秋。但是BootStrap自带的表格是没有操作列...

Jqgrid demo-史上最强大,没有之一

为了大家能够更好的学习和使用Jqgrid网格插件,我决定用Strtus2+Spring+hibernate+Jquery+Jqgrid实现一个Jqgrid网格插件的demo。当然官方网站上面已经有了P...
  • MaxHp
  • MaxHp
  • 2013-06-24 12:15
  • 826
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)