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

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

Jqgrid Toolbar

jqgrid+button测试

jquery.jqGrid-4.5.2 按钮移到顶端

9065 行,修改ID             // var findnav = $(".navtable",elem)[0];             // 将按钮加到grid的上面       ...
  • rootcn
  • rootcn
  • 2013年08月05日 11:15
  • 5736

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

ASP.NET中使用JqGrid完整实现

   文章提纲 介绍 & 使用场景 JqGrid的一些说明 JqGrid和ASP.NET整合详细步骤   前置准备   框架搭建   数据填充 ...
  • fhzh520
  • fhzh520
  • 2016年07月13日 18:28
  • 820

第一个jqGrid的demo

1 actionpublic ActionForward search(ActionMapping mapping, ActionFormform,   HttpServletRequestreque...
  • Alinaxz
  • Alinaxz
  • 2011年07月22日 18:10
  • 4201

长按编辑框,弹出的的toolbar中的 menu如何add流程

长按文字的时候,会弹出复制粘贴等floattoolbar,这里的menu如何加上去的, 长按编辑框在手指抬起时,会弹出。 1.touch事件: TextView的touch事件 publi...
  • shi_xin
  • shi_xin
  • 2017年01月20日 17:02
  • 382

ExtJS4.1 分组+行编辑做增删查改例子

举个栗子 Ext.onRead...

数据库的增删查改操作

  • 2013年12月14日 10:13
  • 408KB
  • 下载

多数据库的增删查改的操作

  • 2014年05月13日 18:16
  • 1.43MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jqgrid 增删查改 添加toolbar 不保存到数据库 artdialog 弹出框编辑
举报原因:
原因补充:

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