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édula',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éfono',width:80,align:'center',editor:'numberbox'},
{field:'attr1',title:'Centro Votación',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édula</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>