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

<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>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值