Click here to Skip to main content
16,019,043 members
Please Sign up or sign in to vote.
1.33/5 (2 votes)
See more:
I use text box and button inside grid view and i want to enter on button then focus on text box fetch data based on text box data using jquery.

Code so far;

JavaScript
$(function() {
 $("[id*=lnkITEM]").click(function() {
 var Price_List = document.getElementById("<%=txtPriceList.ClientID%>").value;
 var retailItem = "";
 var grid = document.getElementById("<%= gvRetailOrder.ClientID%>");
 for (var i = 0; i < grid.rows.length - 1; i++) {
 var txtAmountReceive = $("input[id*=gvtxtItemCode]")
 if (txtAmountReceive[i].value != '') {
 retailItem=txtAmountReceive[i].value;
 }
 }
 GetStockDetail()
 // window.open('../PopUpWindows/InventoryAndStorePopUp/RetailGeneralPopUP.aspx?ShowDetails=ItemCCH&Id=' + ItemCode + '&VariantId=' + VariantNo + '&ItemCodeV=' + retailItem + '&Description=' + Description + '&Description_Value=' + document.getElementById(Description).value + '&UOMId=' + UomId + '&WHID=' + WhId + '&RateId=' + RateId + '&AmountId=' + AmountId + '&QtyId=' + QtyId + '&Price_List=' + Price_List + '&Li_no=' + Sr_no, 'popupwindow', 'width=530,height=480,top=100,left=200');
 // document.getElementById("<%=btnhelpwindow.ClientID%>").disabled = true;
 // currentfocus = null;
 return false;

 });
 });


 function GetStockDetail() {
 debugger;

 var strStock = document.getElementById("<%=hdnStock.ClientID %>").value;
 var xmlDoc = $.parseXML(strStock);


 var retailItem = "";
 var grid = document.getElementById("<%= gvRetailOrder.ClientID%>");
 for (var i = 0; i < grid.rows.length - 1; i++) {
 var txtAmountReceive = $("input[id*=gvtxtItemCode]")

 if (txtAmountReceive[i].value != '') {
 retailItem = txtAmountReceive[i].value;
 }
 }

 var xml = $(xmlDoc);

 var Stocks = xml.find("Table1");
 // var row1 = $("[id*=gvRetailOrder] tr:last-child").prev("tr").clone(true);
 // row1 = $("[id*=gvRetailOrder] tr:last-child").clone(true);
 var row = $("[id*=gvRetailOrder] tr:last-child").clone(true);

 $("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child")).remove();
 $("[id*=gvRetailOrder]").append(row);
 $.each(Stocks, function() {
 var Stock = $(this);
 if ($(this).find("ITEM_CODE").text() == retailItem) {


 //Find TextBox using ClassName and set Value.
 $("td", row).eq(0).val($(this).find("LI_NO").text());
 $("td", row).eq(1).val($(this).find("ITEM_CODE").text());
 $("td", row).eq(2).html($(this).find("VARIANT_NO").text());
 $("td", row).eq(3).html($(this).find("DESCRIPTION").text());
 $("td", row).eq(4).html($(this).find("SALE_UOM").text());
 $("td", row).eq(5).html($(this).find("WH_NO").text());
 $(".textqty", row).val($(this).find("QUANTITY").text());
 $(".textRate", row).val($(this).find("RATE").text());
 $("td", row).eq(8).html($(this).find("AMOUNT").text());
 $("td", row).eq(9).html($(this).find("TC_CODE").text());
 $("[id*=gvRetailOrder]").append(row);
 }
 // else {
 // alert('Please enter valid item');
 // return false;
 // }
 });

 }


this work properly but

JavaScript
$("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child")).remove();


this line delete previous row this is the problem
Posted
Updated 22-Sep-15 7:13am
v2
Comments
CHill60 22-Sep-15 10:58am    
What is preventing you from doing that?
ArvindTomar 22-Sep-15 11:00am    
how can i do this thing
Suvendu Shekhar Giri 22-Sep-15 11:33am    
Anything you have tried so far?
ArvindTomar 22-Sep-15 11:43am    
$(function() {
$("[id*=lnkITEM]").click(function() {
var Price_List = document.getElementById("<%=txtPriceList.ClientID%>").value;
var retailItem = "";
var grid = document.getElementById("<%= gvRetailOrder.ClientID%>");
for (var i = 0; i < grid.rows.length - 1; i++) {
var txtAmountReceive = $("input[id*=gvtxtItemCode]")
if (txtAmountReceive[i].value != '') {
retailItem=txtAmountReceive[i].value;
}
}
GetStockDetail()
// window.open('../PopUpWindows/InventoryAndStorePopUp/RetailGeneralPopUP.aspx?ShowDetails=ItemCCH&Id=' + ItemCode + '&VariantId=' + VariantNo + '&ItemCodeV=' + retailItem + '&Description=' + Description + '&Description_Value=' + document.getElementById(Description).value + '&UOMId=' + UomId + '&WHID=' + WhId + '&RateId=' + RateId + '&AmountId=' + AmountId + '&QtyId=' + QtyId + '&Price_List=' + Price_List + '&Li_no=' + Sr_no, 'popupwindow', 'width=530,height=480,top=100,left=200');
// document.getElementById("<%=btnhelpwindow.ClientID%>").disabled = true;
// currentfocus = null;
return false;

});
});


function GetStockDetail() {
debugger;

var strStock = document.getElementById("<%=hdnStock.ClientID %>").value;
var xmlDoc = $.parseXML(strStock);


var retailItem = "";
var grid = document.getElementById("<%= gvRetailOrder.ClientID%>");
for (var i = 0; i < grid.rows.length - 1; i++) {
var txtAmountReceive = $("input[id*=gvtxtItemCode]")

if (txtAmountReceive[i].value != '') {
retailItem = txtAmountReceive[i].value;
}
}

var xml = $(xmlDoc);

var Stocks = xml.find("Table1");
// var row1 = $("[id*=gvRetailOrder] tr:last-child").prev("tr").clone(true);
// row1 = $("[id*=gvRetailOrder] tr:last-child").clone(true);
var row = $("[id*=gvRetailOrder] tr:last-child").clone(true);

$("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child")).remove();
$("[id*=gvRetailOrder]").append(row);
$.each(Stocks, function() {
var Stock = $(this);
if ($(this).find("ITEM_CODE").text() == retailItem) {


//Find TextBox using ClassName and set Value.
$("td", row).eq(0).val($(this).find("LI_NO").text());
$("td", row).eq(1).val($(this).find("ITEM_CODE").text());
$("td", row).eq(2).html($(this).find("VARIANT_NO").text());
$("td", row).eq(3).html($(this).find("DESCRIPTION").text());
$("td", row).eq(4).html($(this).find("SALE_UOM").text());
$("td", row).eq(5).html($(this).find("WH_NO").text());
$(".textqty", row).val($(this).find("QUANTITY").text());
$(".textRate", row).val($(this).find("RATE").text());
$("td", row).eq(8).html($(this).find("AMOUNT").text());
$("td", row).eq(9).html($(this).find("TC_CODE").text());
$("[id*=gvRetailOrder]").append(row);
}
// else {
// alert('Please enter valid item');
// return false;
// }
});

}
this work properly but
$("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child")).remove(); this line delete previous row this is the problem
ArvindTomar 22-Sep-15 11:58am    
$("[id*=gvRetailOrder] tr").not($("[id*=gvRetailOrder] tr:first-child")).remove();

and when remove this line from my code then insert whole grid with first 1 column

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900