当我使用Javascript搜索记录时,编辑按钮不起作用 [英] Edit Button Is Not Working When I Use Javascript For Searching Records
问题描述
我已经编写了以下javascript代码来搜索网格中的记录,而我们正在输入文本框(自动搜索没有按钮),
如果使用此脚本编辑按钮没有显示在我的如果我评论此编辑更新删除正在工作
< script type =text / javascript>
$(function(){
GetCustomers(1);
});
$([id * = txtSearch])。live(keyup,function(){
GetCustomers(parseInt(1));
});
$(。Pager .page)。live(click,function(){
GetCustomers(parseInt($(this).attr('page')));
});
函数SearchTerm(){
返回jQuery.trim($([id * = txtSearch])。val());
};
函数GetCustomers(pageIndex){
$ .ajax({
类型:POST ,
url:CS.aspx / GetCustomers,
数据:'{searchTerm:'+ SearchTerm()+',pageIndex:'+ pageIndex +'}',>
contentType:application / json; charset = utf-8,
dataType:json,
成功:OnSuccess,
失败:功能(响应){
alert(response.d);
},
错误:函数(响应){
alert(响应。 d);
}
});
}
var row;
函数OnSuccess(响应){
var xmlDoc = $ .parseXML(response.d);
var xml = $(xmlDoc);
var customers = xml.find(PaymentTracker1);
if(row == null){
row = $([id * = GridView1] tr: last-child)。clone(true);
}
$([id * = GridView1] tr)。not($([id * = GridView1] tr:first-child))。remove();
if(customers.length> 0){
$ .each(customers,function(){
var customer = $(this);
$(td,row).eq(0).html( $(this).find(Name)。text());
$(td,row).eq(1).html($(this).find(ID )。text());
$(td,row).eq(2).html($(this).find(InvestmentType)。text());
$(td,row).eq(3).html($(this).find(Amount)。text());
$( td,row).eq(4).html($(this).find(MonthlyPay)。text());
$(td,row).eq( 5).html($(this).find(NumberOfMonths)。text());
$(td,row).eq(6).html($(this) .find(StartDate)。text());
$(td,row).eq(7).html($(this).find(EndDate)。text ());
$(td,row).eq(8).html($(this).find(Phone)。text());
$(td,row).eq(9).html($(this).find(Address)。text());
$([id * = GridView1])。append(row);
row = $([id * = GridView1] tr:last-child)。clone(true);
});
var pager = xml.find(Pager);
$(。Pager)。ASPSnippets_Pager({
ActiveCssClass:当前,
PagerCssClass:pager,
PageIndex:parseInt(pager.find(PageIndex)。text( )),
PageSize:parseInt(pager.find(PageSize)。text()),
RecordCount:parseInt(pager.find(RecordCount)。 text())
});
$(。Name)。each(function(){
var searchPattern = new RegExp('('+ SearchTerm()+')','ig');
$(this).html($(this).text()。 replace(searchPattern,+ SearchTerm()+));
});
} else {
var empty_row = row.clone(true);
$(td:first-child ,empty_row).attr(colspan,$(td,row)。length);
$(td:first-child,empty_row).attr(align,中心);
$(td:first-child,empty_row).html(找不到搜索条件的记录。);
$( td,empty_row).not($(td:first-child,empty_row))。remove();
$([id * = GridView1])。append(empty_row) ;
}
};
< / script>
< br $>
请帮帮我先生
i have written the following javascript code to search records in grid ,while we are typing in text box(auto search with out button),
if use this script edit button is not displaying in my grid .if i comment this edit update delete is working
<script type="text/javascript">
$(function () {
GetCustomers(1);
});
$("[id*=txtSearch]").live("keyup", function () {
GetCustomers(parseInt(1));
});
$(".Pager .page").live("click", function () {
GetCustomers(parseInt($(this).attr('page')));
});
function SearchTerm() {
return jQuery.trim($("[id*=txtSearch]").val());
};
function GetCustomers(pageIndex) {
$.ajax({
type: "POST",
url: "CS.aspx/GetCustomers",
data: '{searchTerm: "' + SearchTerm() + '", pageIndex: ' + pageIndex + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
},
error: function (response) {
alert(response.d);
}
});
}
var row;
function OnSuccess(response) {
var xmlDoc = $.parseXML(response.d);
var xml = $(xmlDoc);
var customers = xml.find("PaymentTracker1");
if (row == null) {
row = $("[id*=GridView1] tr:last-child").clone(true);
}
$("[id*=GridView1] tr").not($("[id*=GridView1] tr:first-child")).remove();
if (customers.length > 0) {
$.each(customers, function () {
var customer = $(this);
$("td", row).eq(0).html($(this).find("Name").text());
$("td", row).eq(1).html($(this).find("ID").text());
$("td", row).eq(2).html($(this).find("InvestmentType").text());
$("td", row).eq(3).html($(this).find("Amount").text());
$("td", row).eq(4).html($(this).find("MonthlyPay").text());
$("td", row).eq(5).html($(this).find("NumberOfMonths").text());
$("td", row).eq(6).html($(this).find("StartDate").text());
$("td", row).eq(7).html($(this).find("EndDate").text());
$("td", row).eq(8).html($(this).find("Phone").text());
$("td", row).eq(9).html($(this).find("Address").text());
$("[id*=GridView1]").append(row);
row = $("[id*=GridView1] tr:last-child").clone(true);
});
var pager = xml.find("Pager");
$(".Pager").ASPSnippets_Pager({
ActiveCssClass: "current",
PagerCssClass: "pager",
PageIndex: parseInt(pager.find("PageIndex").text()),
PageSize: parseInt(pager.find("PageSize").text()),
RecordCount: parseInt(pager.find("RecordCount").text())
});
$(".Name").each(function () {
var searchPattern = new RegExp('(' + SearchTerm() + ')', 'ig');
$(this).html($(this).text().replace(searchPattern, "" + SearchTerm() + ""));
});
} else {
var empty_row = row.clone(true);
$("td:first-child", empty_row).attr("colspan", $("td", row).length);
$("td:first-child", empty_row).attr("align", "center");
$("td:first-child", empty_row).html("No records found for the search criteria.");
$("td", empty_row).not($("td:first-child", empty_row)).remove();
$("[id*=GridView1]").append(empty_row);
}
};
</script>
please help me sir
推荐答案
(function(){
GetCustomers(1);
});
(function () {
GetCustomers(1);
});
([id * = txtSearch])。live(keyup,function(){
GetCustomers (parseInt(1));
});
("[id*=txtSearch]").live("keyup", function () {
GetCustomers(parseInt(1));
});
(。Pager .page)。live(click,function( ){
GetCustomers(parseInt(
(".Pager .page").live("click", function () {
GetCustomers(parseInt(
这篇关于当我使用Javascript搜索记录时,编辑按钮不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!