客户端按钮如何在jquery中的网格视图内的文本框内单击 [英] how client side button click inside textbox inside grid view in jquery

问题描述

我在网格视图中使用文本框和按钮，我想进入按钮，然后使用jquery根据文本框数据获取文本框获取数据。



到目前为止的代码;

 $（ function （）{
 $（  [id * = lnkITEM]）。click（ function （）{
  var  Price_List =  document  .getElementById （ <％= txtPriceList.ClientID％>）。value; 
 < span class =code-keyword> var  retailItem =  ; 
  var  grid =  document  .getElementById（ <％= gvRetailOrder.ClientID％>）; 
 < span class =code-keyword> for （ var  i =  0 ;我< 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（ 表1）; 
  //   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（真）; 
 
 $（  [id * = gvRetailOrder] tr）。 （$（  [id * = gvRetailOrder] tr：first-child））。remove（） ; 
 $（  [id * = gvRetailOrder]）。append（row）; 
 $ .each（股票，函数（）{
  var 股票= $ （ this ）; 
  if （$（这）。find（  ITEM_CODE）。text（）== retailItem）{ 
 
 
  //  使用ClassName查找TextBox并设置Value。 
 $（  td，row）.eq（ 0 ）。val（$（ this ）。find（  LI_NO）。text（））; 
 $（  td，row）.eq（ 1 ）。val（$（ this  ）.find（  ITEM_CODE）。文本（））; 
 $（  td，row）.eq（ 2 ）。html（$（ this ）。find（  VARIANT_NO）文本（））。 
 $（  td，row）.eq（ 3 ）。html（$（ this ）。find（ 描述）文本（））。 
 $（  td，row）.eq（ 4 ）。html（$（ this ）。find（  SALE_UOM）文本（））。 
 $（  td，row）.eq（ 5 ）。html（$（ this ）。find（  WH_NO）文本（））。 
 $（ 。textqty，row）.val（$（ this ）。find（  QUANTITY）。text（ ））; 
 $（ 。textRate，row）.val（$（ this ）。find（  RATE）。text（ ））; 
 $（  td，row）.eq（ 8 ）。html（$（ this ）。find（  AMOUNT）文本（））。 
 $（  td，row）.eq（ 9 ）。html（$（ this ）。find（  TC_CODE）文本（））。 
 $（  [id * = gvRetailOrder]）。append（row）; 
} 
  //   else { 
  //   alert（'请输入有效项'）;  
  / /  返回false;  
  //  }  
}）; 
 
} 

这项工作正常但是

 $（  [id * = gvRetailOrder] tr） .not（$（  [id * = gvRetailOrder] tr：first-child））。删除（）; 

此行删除上一行这是问题

解决方案

< blockquote>（ 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 =

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;

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

解决方案

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

这篇关于客户端按钮如何在jquery中的网格视图内的文本框内单击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！