Como paso un dato texbox a una celda datagrid

marisanjr · #1 (**permalink**) 20/06/2013, 11:18

Buenas tardes a todos. Tengo la siguiente consulta.
Tengo un campo texbox donde ingreso un numero de cedula, y queiro despues de hacer una verificación enviarlo al campo cedula de un datagrid.

Anexo el código:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="jquery,ui,easy,easyui,web">
	<meta name="description" content="easyui help you build your web page easily!">
	<title>DataGrid inline editing - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
	</script><script type="text/javascript" src="js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script>
			var products = [];
		$(function(){
			$('#tt').datagrid({
				title:'Ingreso de Referidos',
				iconCls:'icon-edit',
				width:750,
				height:250,
				singleSelect:true,
				idField:'nident',
				url:'data/datagrid_data.json',
				columns:[[
				        	{field:'nident',title:'C&eacutedula',width:90,align:'center',editor:'text'},
                                                {field:'productid',title:'Nombre',width:100,align:'center',editor:'text'},
					{field:'listprice',title:'Apellido',width:120,align:'center',editor:'text'},
					{field:'unitcost',title:'Tel&eacutefono',width:80,align:'center',editor:'numberbox'},
					{field:'attr1',title:'Centro Votaci&oacuten',width:180,align:'center',editor:'text'},
					{field:'status',title:'Mesa',width:50,align:'center',editor:'text'},
					{field:'action',title:'Action',width:80,align:'center',
						formatter:function(value,row,index){
							if (row.editing){
								var s = '<a href="#" onclick="saverow(this)">Save</a> ';
								var c = '<a href="#" onclick="cancelrow(this)">Cancel</a>';
								return s+c;
							} else {
								var e = '<a href="#" onclick="editrow(this)">Edit</a> ';
								var d = '<a href="#" onclick="deleterow(this)">Delete</a>';
								return e+d;
							}
						}
					}
				]],
				onBeforeEdit:function(index,row){
					row.editing = true;
					updateActions(index);
				},
				onAfterEdit:function(index,row){
					row.editing = false;
					updateActions(index);
				},
				onCancelEdit:function(index,row){
					row.editing = false;
					updateActions(index);
				}
			});
		});
		function updateActions(index){
			$('#tt').datagrid('updateRow',{
				index: index,
				row:{}
			});
		}
		function getRowIndex(target){
			var tr = $(target).closest('tr.datagrid-row');
			return parseInt(tr.attr('datagrid-row-index'));
		}
		function editrow(target){
			$('#tt').datagrid('beginEdit', getRowIndex(target));
		}
		function deleterow(target){
			$.messager.confirm('Confirm','Esta Seguro?',function(r){
				if (r){
					$('#tt').datagrid('deleteRow', getRowIndex(target));
				}
			});
		}
		function saverow(target){
			$('#tt').datagrid('endEdit', getRowIndex(target));
		}
		function cancelrow(target){
			$('#tt').datagrid('cancelEdit', getRowIndex(target));
		}
		function insert(){
			var row = $('#tt').datagrid('getSelected');
			if (row){
				var index = $('#tt').datagrid('getRowIndex', row);
			} else {
				index = 0;
			}
			$('#tt').datagrid('insertRow', {
				index: index,
				row:{
				}
			});
			$('#tt').datagrid('selectRow',index);
			$('#tt').datagrid('beginEdit',index);
		}
	</script>
</head>
<body>
       <table>
       <tr><td>
	<div class="demo-info">
		<div></div>
		<div></div>
	</div>
	<td><center>C&eacutedula</center></td>
	<td><input type="text"   name="nidentc" id="nidentc" size="18" value=""/></td>
	<tr><td>
	<div style="margin:10px 0">
		<a href="#" class="easyui-linkbutton" onclick="insert()">Ingresar Referido</a>
	</div>
        </td></tr>
	<table id="tt"></table>

</body>
</html>