当页面重新加载jQuery脚本作品 [英] jquery script works when page is reload
本文介绍了当页面重新加载jQuery脚本作品的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
您好，我有其中即一些列表在文本框填充并相应地选择项目并网添加它的工作原理，只有当第一次页面reolad但当电网添加项目后，我已经用在文本框的自动完成事件Ajax页面自动完成事件停止此我必须reolad页面的工作，但我不这样，因为当我刷新页面网格添加的所有项目都将丢失，当我最后点击保存在网格按钮的项目将被保存，我也有问题，我有另一种同一页面上的文本框，其中填充我名单上的自动完成的事件，但是当我键入控制某些值也没有工作只有它的工作原理时，第一页reolad所以，这是什么问题。
＆LT; DIV ID =内部＆GT;
＆LT;＆字段集GT;
＆LT;传奇＆GT;采购订单＆LT; /传说＆GT;
＆LT; ASP：的UpdatePanel ID =UpdatePanel1=服务器＆GT;
＆LT;＆的ContentTemplate GT;
＆LT;表样式=WIDTH：44％;＆GT; ＆所述; TR＆GT;
＆所述; TD＆GT;
＆LT; DIV CLASS =dvlefttd2＆GT;
＆LT; ASP：标签ID =lblpartyname=服务器文本=党的名称＆GT;＆LT; / ASP：标签＆gt;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆所述; TD列跨度=3＆GT;
＆LT; DIV CLASS =UI窗口小部件的风格=显示：块;保证金顶：18像素;＆GT;
＆LT; ASP：文本框样式=最小宽度：216pxID =tbAuto级=TB=服务器＆GT;
＆LT; / ASP：文本框＆GT;
＆LT; DIV的风格=visibility：hidden的＆GT;
＆LT; ASP：文本框=服务器ID =tbHidden级=TB＆GT;＆LT; / ASP：文本框＆GT;＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT; ＆所述; TD＆GT;
＆LT; DIV CLASS =dvlefttd2＆GT;
＆LT; ASP：标签ID =lblQno=服务器文本=Q没有。＆GT;＆LT; / ASP：标签＆gt;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; ASP：文本框ID =txtQno=服务器
自动完成=关闭MAXLENGTH =8
安其preSS =返回isNumberKey（事件）
WIDTH =960x75像素＆GT;
＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT; ＆所述; TD＆GT; ＆LT; DIV CLASS =dvlefttd1＆GT;
PONO
＆LT; / DIV＆GT; ＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; DIV的风格=的margin-top：-10px;＆GT;
＆LT; ASP：文本框ID =txtPoNo=服务器自动完成=关闭MAXLENGTH =8
安其preSS =返回isNumberKey（事件）只读=真WIDTH =960x75像素＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; TD ID =tdcheck的风格=WIDTH：195px＆GT;
＆LT; DIV CLASS =dvlefttd2的风格=填充顶：20px的＆GT;
＆LT; ASP：复选框ID =chkConsignee=服务器的AutoPostBack =真
OnCheckedChanged =chkConsignee_CheckedChanged文本=收货人
设置textAlign =左/＆GT;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; TD ID =ColConsignee=服务器合并单元格=3＆GT;
＆LT; ASP：DropDownList的ID =ddlConsignee=服务器的AutoPostBack =真
OnSelectedIndexChanged =ddlConsignee_SelectedIndexChanged宽度=221px＆GT;
＆LT; / ASP：DropDownList的＆GT;
＆LT; ASP：文本框ID =txtConsignee=服务器自动完成=关闭MAXLENGTH =30
可见=假宽度=100像素＆GT;＆下; / ASP：文本框＆GT;
＆LT; / TD＆GT; ＆LT; / TR＆GT;
＆LT; /表＆gt;
＆LT;＆字段集GT;
＆LT;传奇＆GT;项目信息 ＆LT; /传说＆GT;
＆LT;表样式=宽度：100％;＆GT;
＆所述; TR＆GT;
＆所述; TD列跨度=2＆GT;
＆LT; DIV CLASS =dvitems＆GT;
项目
＆LT; / DIV＆GT;
＆LT; / TD＆GT; ＆所述; TD＆GT;
＆LT; DIV CLASS =dvitems＆GT;
粮食
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=宽度：79px＆GT;
＆LT; DIV CLASS =dvitems＆GT;
单元
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=宽度：79px＆GT;
＆LT; DIV CLASS =dvitems＆GT;
案例
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT; ＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD风格=宽度：44pxVALIGN =顶合并单元格=2＆GT;
＆LT; DIV CLASS =UI窗口小部件的风格=显示：块;＆GT;
＆LT; ASP：文本框样式=最小宽度：226px;最小高度：20像素; ID =txtitem级=TB=服务器＆GT;
＆LT; / ASP：文本框＆GT;
＆LT; DIV的风格=visibility：hidden的＆GT;
＆LT; ASP：文本框=服务器ID =hditem级=TB＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / TD＆GT; ＆LT; TD风格=宽度：49pxVALIGN =顶＆GT; ＆LT; ASP：DropDownList的ID =ddlGrain=服务器的风格=最小宽度：100像素;最小高度：20px的＆GT;
＆LT; ASP：ListItem的＆GT;龙＆LT; / ASP：ListItem的＆GT;
＆LT; ASP：ListItem的＆GT;短期和LT; / ASP：ListItem的＆GT;
＆LT; / ASP：DropDownList的＆GT;
＆LT; / TD＆GT;
＆LT; TD VALIGN =顶＆GT; ＆LT; ASP：DropDownList的ID =ddlUnit=服务器的风格=最小高度：27px;最小宽度：100像素＆GT;
＆LT; / ASP：DropDownList的＆GT;
＆LT; / TD＆GT;
＆LT; TD VALIGN =顶＆GT;
＆LT; ASP：文本框ID =txtcases=服务器的风格=最小高度：20像素;最小宽度：100像素＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT;
＆LT; TD VALIGN =顶的风格=宽度：49px＆GT; ＆安培; NBSP;＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD风格=宽度：44px＆GT; ＆LT; DIV CLASS =dvitems＆GT;
数量
＆LT; / DIV＆GT; ＆LT; / TD＆GT;
＆LT; TD风格=宽度：44px＆GT;
＆LT; DIV CLASS =dvitems＆GT;
率
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT; ＆LT; DIV CLASS =dvitems＆GT;
AMT
＆LT; / DIV＆GT; ＆LT; / TD＆GT;
＆所述; TD列跨度=2＆GT;
＆LT; DIV CLASS =dvitems＆GT;
备注
＆LT; / DIV＆GT; ＆LT; / TD＆GT; ＆所述; TD＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD风格=宽度：44px＆GT;
＆LT; ASP：文本框ID =txtQty=服务器自动完成=关闭MAXLENGTH =5
安其preSS =返回isNumberKey（事件）的风格=最小高度：20像素;最小宽度：100像素＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=宽度：44px＆GT;
＆LT; ASP：文本框ID =txtRate=服务器
自动完成=关闭MAXLENGTH =6
的onblur =setAmount（）;
OnTextChanged =txtRate_TextChanged
风格=最小宽度：100像素;最小高度：20px的＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; ASP：文本框ID =txtAmount=服务器自动完成=关闭启用=FALSE
MAXLENGTH =7的风格=最小宽度：100像素＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT;
＆所述; TD列跨度=2＆GT;
＆LT; ASP：文本框ID =txtRemark=服务器自动完成=关闭MAXLENGTH =50
风格=最小宽度：237px＆GT;＆LT; / ASP：文本框＆GT;
＆LT; / TD＆GT; ＆所述; TD＆GT;
＆LT; ASP：按钮的ID =btnAdd=服务器的CssClass =BTN的OnClick =btnAdd_Click
文本=添加/＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; /表＆gt;
＆LT; ASP：面板ID =Panel1的=服务器HEIGHT =120像素滚动条=两者＆GT;
＆LT; DIV ID =dvgrid=服务器＆GT;
＆LT; ASP：GridView控件ID =gvItem=服务器的CssClass =MGRID
的AutoGenerateColumns =FALSEPagerStyle-的CssClass =PGR
AlternatingRowStyle-的CssClass =ALT
CELLPADDING =4前景色=＃424242网格=无HEIGHT =84px
OnRowCancelingEdit =gvItem_RowCancelingEditOnRowDeleting =gvItem_RowDeleting
OnRowEditing =gvItem_RowEditingOnRowUpdating =gvItem_RowUpdating
OnSelectedIndexChanged =gvItem_SelectedIndexChanged＆GT;
＆LT; AlternatingRowStyle背景色=白/＆GT;
＆LT;柱体和GT;
＆LT; ASP：CommandField中的HeaderText =编辑ShowEditButton =真/＆GT;
＆LT; ASP：BoundField的数据字段=否的HeaderText =SrNo＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=大小的HeaderText =大小＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=GSM的HeaderText =GSM＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=粮食的HeaderText =退耕还林＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=单位名的HeaderText =单位/＆GT;
＆LT; ASP：BoundField的数据字段=数量DataFormatString ={0：F}的HeaderText =数量＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=率DataFormatString ={0：F}的HeaderText =率＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=总的HeaderText =合计/＆GT;
＆LT; ASP：BoundField的数据字段=备注的HeaderText =备注＆GT;
＆LT; ItemStyle /＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：CommandField中的HeaderText =删除的ShowDeleteButton =真/＆GT;
＆LT; ASP：的TemplateField＆GT;
＆LT;＆ItemTemplate中GT;
＆LT; ASP：HiddenField ID =hdnCat code=服务器值='＆LT;％＃的eval（C code）％GT;' /＆GT;
＆LT; ASP：HiddenField ID =hdnItem=服务器值='＆LT;％＃的eval（I code）％GT;' /＆GT;
＆LT; ASP：HiddenField ID =hdnUnitID=服务器值='＆LT;％＃的eval（UnitID）％＆GT;' /＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
＆LT; /专栏＆GT;
＆LT; EditRowStyle背景色=＃CCCCCC/＆GT;
＆LT; FooterStyle背景色=＃424242FONT-粗体=真前景色=白/＆GT;
＆LT; HeaderStyle背景色=＃424242FONT-粗体=真前景色=白/＆GT;
＆LT; PagerStyle前景色=白HorizontalAlign =中心/＆GT;
＆LT; RowStyle背景色=白/＆GT;
＆LT; SelectedRowStyle背景色=＃FFFFONT-粗体=真前景色=＃333333/＆GT;
＆LT;％ - ＆LT; SortedAscendingCellStyle背景色=＃F5F7FB/＆GT;
＆LT; SortedAscendingHeaderStyle背景色=＃6D95E1/＆GT;
＆LT; SortedDescendingCellStyle背景色=＃E9EBEF/＆GT;
＆LT; SortedDescendingHeaderStyle背景色=＃4870BE/＆GT; - ％GT;
＆LT; / ASP：GridView的＆GT; ＆LT; / DIV＆GT;
＆LT; / ASP：面板＆gt;
＆LT; /字段集＆GT; ＆LT;表＆gt;
＆所述; TR＆GT;
＆所述; TD＆GT;
！＆LT; - ＆LT; ASP：标签ID =lblMsg1=服务器前景色=＃CC3300＆GT;＆LT; / ASP：标签＆gt; - ＆GT;
＆LT; DIV ID =dvPrint可见=假＆GT;
＆LT;％=冲刺％GT;
＆LT; / DIV＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆所述; TD＆GT;
＆LT; DIV ID =dvchck＆GT;
＆LT; ASP：复选框ID =chkSearch的风格=文本对齐：中心的onclick =Cash_Cheque（）; =服务器文本=搜索＆GT;
＆LT; / ASP：复选框＆GT;
＆LT; DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; ASP：按钮的ID =btnSave=服务器的OnClick =btnSave_Click文本=保存
HEIGHT =25像素WIDTH =960x75像素的CssClass =BTN/＆GT;
！＆LT; - ＆LT; ASP：ImageButton的ID =ImageButton1=服务器的ImageUrl =〜/图片/ btn.png/＆GT; - ＆GT; ＆LT; ASP：按钮的ID =btnCancel=服务器的OnClick =btnCancel_Click
文本=取消HEIGHT =25像素的CssClass =BTNWIDTH =960x75像素/＆GT; ＆LT; / TD＆GT; ＆LT; / TR＆GT;
＆LT; TR风格=显示：无ID =trSearch=服务器＆GT;
＆LT; TD风格=高度：40像素合并单元格=2＆GT;
＆LT;表样式=WIDTH：550pxBORDER =0＆GT;
＆LT;＆TBODY GT;
＆所述; TR＆GT;
＆所述; TD＆GT;
＆LT;强＆GT; code＆LT; / STRONG＆GT;
＆LT; / TD＆GT;
＆所述; TD＆GT;
＆LT; ASP：文本框ID =txtS code=服务器WIDTH =960x75像素安其preSS =返回isNumberKey（事件）
OnTextChanged =txtS code_TextChanged自动完成=关闭＆GT;＆LT; / ASP：文本框＆GT; ＆LT; ASP：按钮的ID =btnSearch的OnClick =btnSearch_Click=服务器文本=搜索WIDTH =71px的CssClass =BTN＆GT;＆LT; / ASP：按钮＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=字体重量：大胆VALIGN =顶＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=字体重量：大胆VALIGN =顶ALIGN =右＆GT;
＆LT; ASP：的UpdatePanel ID =UpdatePanel2=服务器＆GT;
＆LT;＆的ContentTemplate GT;
＆LT; ASP：文本框ID =txtSName=服务器自动完成=关闭WIDTH =175px的AutoPostBack =真
可见=假＆GT;＆LT; / ASP：文本框＆GT;
＆LT; /＆的ContentTemplate GT;
＆LT; / ASP：的UpdatePanel＆GT;
＆LT; / TD＆GT;
＆LT; TD风格=字体重量：大胆VALIGN =顶ALIGN =右＆GT; ＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; / TBODY＆GT;
＆LT; /表＆gt;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆所述; TD对齐=中心列跨度=2＆GT;
＆LT; ASP：面板ID =pnlPo=服务器HEIGHT =400像素WIDTH =750px滚动条=水平＆GT;
！＆LT; - ＆LT; DIV CLASS =GridDockID =dvGridWidth的风格=溢出：滚动;边界：1px的;＆GT; - ＆GT;
＆LT; ASP：GridView控件ID =gvPO=服务器的AutoGenerateColumns =FALSE的cellpadding =4
前景色=＃424242网格=无AllowPaging =真
OnPageIndexChanging =gvPO_PageIndexChanging
OnRowDataBound =gvPO_RowDataBound宽度=1像素＆GT;
＆LT; AlternatingRowStyle背景色=白/＆GT;
＆LT;柱体和GT;
＆LT; ASP：的TemplateField的HeaderText =code＆GT;
＆LT;＆ItemTemplate中GT;
＆LT; ASP：HiddenField ID =hdnFrght=服务器值='＆LT;％＃的eval（mstfrghtper）％＆GT;' /＆GT;
＆LT; ASP：HiddenField ID =hdnTin=服务器值='＆LT;％＃的eval（mstlotno）％＆GT;' /＆GT;
＆LT; ASP：HiddenField ID =hdnVat=服务器值='＆LT;％＃的eval（mstsection）％＆GT;' /＆GT;
＆LT; ASP：LinkButton的ID =LNK code=服务器文本='＆LT;％＃的eval（MST code）％GT;'的OnClick =LNK code_Click＆GT; code＆LT; / ASP：LinkButton的＆GT;
＆LT; ASP：HiddenField ID =hdnParty=服务器值='＆LT;％＃的eval（mstpt code）％GT;' /＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
＆LT; ASP：BoundField的数据字段=mstdate的HeaderText =日期DataFormatString ={0：DD-MM-YYYY}/＆GT;
＆LT; ASP：BoundField的数据字段=mstContactPerson的HeaderText =收货人/＆GT;
＆LT; ASP：BoundField的数据字段=msttaxper的HeaderText =税DataFormatString ={0：F}/＆GT;
＆LT; ASP：BoundField的数据字段=msttota的HeaderText =合计DataFormatString ={0：F}/＆GT;
＆LT; ASP：BoundField的数据字段=mstdeliDes的HeaderText =交付/＆GT;
＆LT; ASP：BoundField的数据字段=mstindno的HeaderText =天/＆GT;
＆LT; ASP：BoundField的数据字段=mstpodate的HeaderText =删除日期DataFormatString ={0：DD-MM-YYYY}/＆GT;
＆LT; ASP：BoundField的数据字段=mstpayDes的HeaderText =PayDes＆GT;
＆LT; FooterStyle裹=FALSE/＆GT;
＆LT; HeaderStyle换行=FALSE/＆GT;
＆LT; ItemStyle字体粗体=FALSE字体斜体=FALSE字体下划线=FALSE裹=FALSE/＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=mstrema的HeaderText =备注＆GT;
＆LT; ItemStyle宽度=70像素总结=真/＆GT;
＆LT; / ASP：BoundField的＆GT;
＆LT; ASP：BoundField的数据字段=mstchno的HeaderText =PoRefNo/＆GT;
＆LT; ASP：的TemplateField的HeaderText =打印＆GT;
＆LT;＆ItemTemplate中GT;
＆LT;％ - ＆LT; ASP：LinkButton的ID =LinkButton1=服务器的onclick =lnkPrint_Click的OnClientClick =window.open（'Report.aspx'，'mywindow的，宽度= 350，高度= 250 '）;＆GT;打印和LT; / ASP：LinkButton的＆GT; - ％GT;
＆LT; ASP：LinkButton的ID =lnkPrint=服务器的OnClick =lnkPrint_Click＆GT;打印和LT; / ASP：LinkButton的＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
＆LT; ASP：的TemplateField的HeaderText =删除＆GT;
＆LT;＆ItemTemplate中GT;
＆LT;％ - ＆LT; ASP：LinkButton的ID =LinkDelete=服务器的OnClick =LinkDelete_Click＆GT;删除＆LT; / ASP：LinkButton的＆GT; - ％GT;
＆LT; ASP：（！window.confirm（'？你确定要删除这个项目'））的ImageButton ID =DeleteButton=服务器WIDTH =20像素HEIGHT =20像素的OnClientClick =如果回报假;
的OnClick =LinkDelete_Click的ImageUrl =〜/图片/ delete.png的CommandName =删除＆GT;
＆LT; / ASP：ImageButton的＆GT;
＆所述; controlstyle宽度=20px的高度=20像素/＆GT;
＆LT; itemstyle WIDTH =50像素/＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
＆LT; /专栏＆GT;
＆LT; EditRowStyle背景色=＃2461BF/＆GT;
＆LT; FooterStyle背景色=＃424242FONT-粗体=真前景色=白/＆GT;
＆LT; HeaderStyle背景色=＃424242FONT-粗体=真前景色=白/＆GT;
＆LT; PagerStyle背景色=＃424242前景色=白HorizontalAlign =中心/＆GT;
＆LT; RowStyle的BackColor =＃EFF3FB/＆GT;
＆LT; SelectedRowStyle背景色=＃D1DDF1FONT-粗体=真前景色=＃333333/＆GT;
＆LT; / ASP：GridView的＆GT;
＆LT;！ - ＆LT; / DIV＆GT; - ＆GT;
＆LT; / ASP：面板＆gt;
＆LT;％ - ＆LT; /＆的ContentTemplate GT;
＆LT; / ASP：的UpdatePanel＆GT; - ％GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; /表＆gt; ＆LT; /＆的ContentTemplate GT; ＆LT; / ASP：的UpdatePanel＆GT;
＆LT; /字段集＆GT;
＆LT; / DIV＆GT;
JQuery的
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
SEARCHTEXT（）;
SearchItem（）;
}）;
功能SEARCHTEXT（）{
$（输入[名称$ =tbAuto]'）。自动完成（{
来源：函数（请求，响应）{
$阿贾克斯（{
网址：PartyList.asmx / FetchPartyList
数据：{'preFIX'：'+ request.term +'}，
数据类型：JSON
键入：POST，
的contentType：应用/ JSON的;字符集= UTF-8，
成功：功能（数据）{
响应（data.d）;
}，
错误：功能（XMLHtt prequest，textStatus，errorThrown）{
警报（textStatus）;
}
}）;
}，
的minLength：1，
重点：函数（事件，UI）{
$（输入[名称$ =tbAuto]）VAL（ui.item.Name）。
返回false;
}，
选择：函数（事件，UI）{
$（输入[名称$ =tbAuto]）VAL（ui.item.Name）。
$（输入[名称$ =tbHidden]）VAL（ui.item.value）。
返回false;
}
}）。数据（自动完成）._ renderItem =功能（UL，项目）{
返回$（'＆LT;李＆GT;'）的数据（item.autocomplete，项目）.append（'＆LT; A＆GT;'+ item.Name +'＆LT; / A＆GT;'）。appendTo（UL）;
};
}
功能SearchItem（）{
$（输入[名称$ =txtitem]'）。自动完成（{
来源：函数（请求，响应）{
$阿贾克斯（{
网址：Itemslist.asmx / FetchItemList
数据：{'preFIX'：'+ request.term +'}，
数据类型：JSON
键入：POST，
的contentType：应用/ JSON的;字符集= UTF-8，
成功：功能（数据）{
响应（data.d）;
}，
错误：功能（XMLHtt prequest，textStatus，errorThrown）{
警报（textStatus）;
}
}）;
}，
的minLength：1，
重点：函数（事件，UI）{
$（输入[名称$ =txtitem]）VAL（ui.item.Name）。
返回false;
}，
选择：函数（事件，UI）{
$（输入[名称$ =txtitem]）VAL（ui.item.Name）。
$（输入[名称$ =hditem]）VAL（ui.item.value）。
返回false;
}
}）。数据（自动完成）._ renderItem =功能（UL，项目）{
返回$（'＆LT;李＆GT;'）的数据（item1.autocomplete，项目）.append（'＆LT; A＆GT;'+ item.Name +'＆LT; / A＆GT;'）。appendTo（UL）;
};
}
＆LT; / SCRIPT＆GT;
解决方案
当您使用的UpdatePanel，在UpdatePanel里面的帖子后，您需要重新初始化您的JavaScript，因为重播的大教堂已经变化和previous code不能正常工作了。
所以，在你的code补充一点：
$（文件）。就绪（函数（）{
变种PRM = Sys.WebForms.PageRequestManager.getInstance（）;
prm.add_initializeRequest（InitializeRequest）;
prm.add_endRequest（EndRequest）; SEARCHTEXT（）;
SearchItem（）;
}）;功能InitializeRequest（发件人，参数）{
}功能EndRequest（发件人，参数）{
SEARCHTEXT（）;
SearchItem（）;
}
hello i have page in which i have used ajax on autocomplete event of textbox ie some list is populated in textbox and accordingly selected items are added in grid it works only when first time page is reolad but after when items are added in grid autocomplete event stop working for this i have to reolad the page but i dont this because when i refresh page all items added in grid are lost and when i finally click on save button items in grid are saved and also i have issue that i have another textbox on same page in which i populated list on autocomplete event but is also not working when i type some values in control only it works when first page is reolad so what is this issue
<div id="inner">
<fieldset>
<legend>Purchase Order</legend>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table style="width:44%;">
<tr>
<td>
<div class="dvlefttd2">
<asp:Label ID="lblpartyname" runat="server" Text="Party Name"></asp:Label>
</div>
</td>
<td colspan="3">
<div class="ui-widget" style="display:block;margin-top:18px;">
<asp:TextBox style="min-width:216px" ID="tbAuto" class="tb" runat="server">
</asp:TextBox>
<div style="visibility:hidden">
<asp:TextBox runat="server" ID="tbHidden" class="tb"></asp:TextBox></div>
</div>
</td>
</tr>
<tr>
<td>
<div class="dvlefttd2">
<asp:Label ID="lblQno" runat="server" Text="Q. No."></asp:Label>
</div>
</td>
<td>
<asp:TextBox ID="txtQno" runat="server"
autocomplete="off" MaxLength="8"
onkeypress="return isNumberKey(event)"
Width="75px">
</asp:TextBox>
</td>
<td>
</tr>
<tr>
<td>
<div class="dvlefttd1">
PoNo
</div>
</td>
<td>
<div style="margin-top:-10px;">
<asp:TextBox ID="txtPoNo" runat="server" autocomplete="off" MaxLength="8"
onkeypress="return isNumberKey(event)" ReadOnly="True" Width="75px"></asp:TextBox>
</div>
</td>
<td ID="tdcheck" style="width:195px">
<div class="dvlefttd2" style="padding-top:20px">
<asp:CheckBox ID="chkConsignee" runat="server" AutoPostBack="True"
OnCheckedChanged="chkConsignee_CheckedChanged" Text="Consignee"
TextAlign="Left" />
</div>
</td>
<td id="ColConsignee" runat="server" colspan="3">
<asp:DropDownList ID="ddlConsignee" runat="server" AutoPostBack="True"
OnSelectedIndexChanged="ddlConsignee_SelectedIndexChanged" Width="221px">
</asp:DropDownList>
<asp:TextBox ID="txtConsignee" runat="server" autocomplete="off" MaxLength="30"
Visible="false" Width="100px"></asp:TextBox>
</td>
</tr>
</table>
<fieldset>
<legend>Item Info
</legend>
<table style="width:100%;">
<tr>
<td colspan="2">
<div class="dvitems">
Item
</div>
</td>
<td>
<div class="dvitems">
Grain
</div>
</td>
<td style="width: 79px">
<div class="dvitems">
Unit
</div>
</td>
<td style="width: 79px">
<div class="dvitems">
Cases
</div>
</td>
<td>
</td>
</tr>
<tr>
<td style="width:44px" valign="top" colspan="2">
<div class="ui-widget" style="display:block;">
<asp:TextBox style="min-width:226px;min-height:20px;" ID="txtitem" class="tb" runat="server">
</asp:TextBox>
<div style="visibility:hidden">
<asp:TextBox runat="server" ID="hditem" class="tb"></asp:TextBox>
</div>
</div>
</td>
<td style="width:49px" valign="top">
<asp:DropDownList ID="ddlGrain" runat="server" style="min-width:100px;min-height:20px">
<asp:ListItem>Long</asp:ListItem>
<asp:ListItem>Short</asp:ListItem>
</asp:DropDownList>
</td>
<td valign="top">
<asp:DropDownList ID="ddlUnit" runat="server" style="min-height:27px;min-width:100px">
</asp:DropDownList>
</td>
<td valign="top">
<asp:TextBox ID="txtcases" runat="server" style="min-height:20px;min-width:100px"></asp:TextBox>
</td>
<td valign="top" style="width:49px">
</td>
</tr>
<tr>
<td style="width:44px">
<div class="dvitems">
Qty
</div>
</td>
<td style="width:44px">
<div class="dvitems">
Rate
</div>
</td>
<td>
<div class="dvitems">
Amt
</div>
</td>
<td colspan="2">
<div class="dvitems">
Remark
</div>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 44px">
<asp:TextBox ID="txtQty" runat="server" autocomplete="off" MaxLength="5"
onkeypress="return isNumberKey(event)" style="min-height:20px;min-width:100px"></asp:TextBox>
</td>
<td style="width: 44px">
<asp:TextBox ID="txtRate" runat="server"
autocomplete="off" MaxLength="6"
onblur="setAmount();"
OnTextChanged="txtRate_TextChanged"
style="min-width:100px;min-height:20px"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="txtAmount" runat="server" autocomplete="off" Enabled="False"
MaxLength="7" style="min-width:100px"></asp:TextBox>
</td>
<td colspan="2">
<asp:TextBox ID="txtRemark" runat="server" autocomplete="off" MaxLength="50"
style="min-width:237px"></asp:TextBox>
</td>
<td>
<asp:Button ID="btnAdd" runat="server" CssClass="btn" OnClick="btnAdd_Click"
Text="Add" />
</td>
</tr>
</table>
<asp:Panel ID="Panel1" runat="server" Height="120px" ScrollBars="Both">
<div id="dvgrid" runat="server">
<asp:GridView ID="gvItem" runat="server" CssClass="mGrid"
AutoGenerateColumns="False" PagerStyle-CssClass="pgr"
AlternatingRowStyle-CssClass="alt"
CellPadding="4" ForeColor="#424242" GridLines="None" Height="84px"
OnRowCancelingEdit="gvItem_RowCancelingEdit" OnRowDeleting="gvItem_RowDeleting"
OnRowEditing="gvItem_RowEditing" OnRowUpdating="gvItem_RowUpdating"
OnSelectedIndexChanged="gvItem_SelectedIndexChanged">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:CommandField HeaderText="Edit" ShowEditButton="True" />
<asp:BoundField DataField="No" HeaderText="SrNo">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="Size" HeaderText="Size">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="GSM" HeaderText="GSM">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="Grain" HeaderText="Grain">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="UnitName" HeaderText="Unit" />
<asp:BoundField DataField="Qty" DataFormatString="{0:F}" HeaderText="Qty">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="Rate" DataFormatString="{0:F}" HeaderText="Rate">
<ItemStyle />
</asp:BoundField>
<asp:BoundField DataField="Total" HeaderText="Total" />
<asp:BoundField DataField="Remark" HeaderText="Remark">
<ItemStyle />
</asp:BoundField>
<asp:CommandField HeaderText="Delete" ShowDeleteButton="True" />
<asp:TemplateField>
<ItemTemplate>
<asp:HiddenField ID="hdnCatCode" runat="server" Value='<%# Eval("CCode") %>' />
<asp:HiddenField ID="hdnItem" runat="server" Value='<%# Eval("ICode") %>' />
<asp:HiddenField ID="hdnUnitID" runat="server" Value='<%# Eval("UnitID") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#CCCCCC" />
<FooterStyle BackColor="#424242" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#424242" Font-Bold="True" ForeColor="White" />
<PagerStyle ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="White" />
<SelectedRowStyle BackColor="#fff" Font-Bold="True" ForeColor="#333333" />
<%-- <SortedAscendingCellStyle BackColor="#F5F7FB" />
<SortedAscendingHeaderStyle BackColor="#6D95E1" />
<SortedDescendingCellStyle BackColor="#E9EBEF" />
<SortedDescendingHeaderStyle BackColor="#4870BE" />--%>
</asp:GridView>
</div>
</asp:Panel>
</fieldset>
<table>
<tr>
<td>
<!--<asp:Label ID="lblMsg1" runat="server" ForeColor="#CC3300"></asp:Label>-->
<div id="dvPrint" visible="false">
<%=sPrint %>
</div>
</td>
</tr>
<tr>
<td>
<div id="dvchck">
<asp:CheckBox ID="chkSearch" style="text-align:center" onclick="Cash_Cheque();" runat="server" Text="Search">
</asp:CheckBox>
<div>
</div>
</div>
</td>
<td>
<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save"
Height="25px" Width="75px" CssClass ="btn" />
<!--<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/btn.png" />-->
<asp:Button ID="btnCancel" runat="server" OnClick="btnCancel_Click"
Text="Cancel" Height="25px" CssClass="btn" Width="75px" />
</td>
</tr>
<tr style="display: none" id="trSearch" runat="server">
<td style="height: 40px" colspan="2">
<table style="width: 550px" border="0">
<tbody>
<tr>
<td>
<strong>Code </strong>
</td>
<td>
<asp:TextBox ID="txtSCode" runat="server" Width="75px" onkeypress="return isNumberKey(event)"
OnTextChanged="txtSCode_TextChanged" autocomplete="off"></asp:TextBox> <asp:Button ID="btnSearch" OnClick="btnSearch_Click" runat="server" Text="Search" Width="71px" CssClass="btn"></asp:Button>
</td>
<td style="font-weight: bold" valign="top">
</td>
<td style="font-weight: bold" valign="top" align="right">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtSName" runat="server" autocomplete="off" Width="175px" AutoPostBack="True"
Visible="False"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</td>
<td style="font-weight: bold" valign="top" align="right">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Panel ID="pnlPo" runat="server" Height="400px" Width="750px" ScrollBars="Horizontal">
<!--<div class="GridDock" id="dvGridWidth" style="overflow:scroll;border:1px;">-->
<asp:GridView ID="gvPO" runat="server" AutoGenerateColumns="False" CellPadding="4"
ForeColor="#424242" GridLines="None" AllowPaging="True"
OnPageIndexChanging="gvPO_PageIndexChanging"
OnRowDataBound="gvPO_RowDataBound" Width="1px">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:TemplateField HeaderText="Code">
<ItemTemplate>
<asp:HiddenField ID="hdnFrght" runat="server" Value='<%# Eval("mstfrghtper") %>' />
<asp:HiddenField ID="hdnTin" runat="server" Value='<%# Eval("mstlotno") %>' />
<asp:HiddenField ID="hdnVat" runat="server" Value='<%# Eval("mstsection") %>' />
<asp:LinkButton ID="lnkCode" runat="server" Text='<%# Eval("mstcode") %>' OnClick="lnkCode_Click">code</asp:LinkButton>
<asp:HiddenField ID="hdnParty" runat="server" Value='<%# Eval("mstptcode") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="mstdate" HeaderText="Date" DataFormatString="{0:dd-MM-yyyy}" />
<asp:BoundField DataField="mstContactPerson" HeaderText="Consignee" />
<asp:BoundField DataField="msttaxper" HeaderText="Tax" DataFormatString="{0:F}" />
<asp:BoundField DataField="msttota" HeaderText="Total" DataFormatString="{0:F}" />
<asp:BoundField DataField="mstdeliDes" HeaderText="delivery" />
<asp:BoundField DataField="mstindno" HeaderText="Tin" />
<asp:BoundField DataField="mstpodate" HeaderText="Del date" DataFormatString="{0:dd-MM-yyyy}" />
<asp:BoundField DataField="mstpayDes" HeaderText="PayDes">
<FooterStyle Wrap="False" />
<HeaderStyle Wrap="False" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Underline="False" Wrap="False" />
</asp:BoundField>
<asp:BoundField DataField="mstrema" HeaderText="Remark">
<ItemStyle Width="70px" Wrap="True" />
</asp:BoundField>
<asp:BoundField DataField="mstchno" HeaderText="PoRefNo" />
<asp:TemplateField HeaderText="Print">
<ItemTemplate>
<%--<asp:LinkButton ID="LinkButton1" runat="server" onclick="lnkPrint_Click" OnClientClick="window.open ('Report.aspx','mywindow','width=350,height=250');">Print</asp:LinkButton>--%>
<asp:LinkButton ID="lnkPrint" runat="server" OnClick="lnkPrint_Click">Print</asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<%--<asp:LinkButton ID="LinkDelete" runat="server" OnClick="LinkDelete_Click">Delete</asp:LinkButton>--%>
<asp:ImageButton ID="DeleteButton" runat="server" Width="20px" Height="20px" OnClientClick="if (!window.confirm('Are you sure you want to delete this item?')) return false;"
OnClick="LinkDelete_Click" ImageUrl="~/images/delete.png" CommandName="delete">
</asp:ImageButton>
<controlstyle width="20px" height="20px" />
<itemstyle width="50px" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#2461BF" />
<FooterStyle BackColor="#424242" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#424242" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#424242" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
</asp:GridView>
<!-- </div>-->
</asp:Panel>
<%-- </ContentTemplate>
</asp:UpdatePanel>--%>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</fieldset>
</div>
JQuery
<script>
$(document).ready(function() {
SearchText();
SearchItem();
});
function SearchText() {
$('input[name$="tbAuto"]').autocomplete({
source: function (request, response) {
$.ajax({
url: "PartyList.asmx/FetchPartyList",
data: "{ 'prefix': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response(data.d);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
},
minLength: 1,
focus: function(event, ui) {
$('input[name$="tbAuto"]').val(ui.item.Name);
return false;
},
select: function(event, ui) {
$('input[name$="tbAuto"]').val(ui.item.Name);
$('input[name$="tbHidden"]').val(ui.item.value);
return false;
}
}).data('autocomplete')._renderItem = function(ul, item) {
return $('<li>').data('item.autocomplete', item).append('<a>' + item.Name + '</a>').appendTo(ul);
};
}
function SearchItem() {
$('input[name$="txtitem"]').autocomplete({
source: function (request, response) {
$.ajax({
url: "Itemslist.asmx/FetchItemList",
data: "{ 'prefix': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response(data.d);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
},
minLength: 1,
focus: function(event, ui) {
$('input[name$="txtitem"]').val(ui.item.Name);
return false;
},
select: function(event, ui) {
$('input[name$="txtitem"]').val(ui.item.Name);
$('input[name$="hditem"]').val(ui.item.value);
return false;
}
}).data('autocomplete')._renderItem = function(ul, item) {
return $('<li>').data('item1.autocomplete', item).append('<a>' + item.Name + '</a>').appendTo(ul);
};
}
</script>
解决方案
When you use UpdatePanel, after the post inside the UpdatePanel you need to re-initialize your javascript, because on replay the Dom have been change and the previous code is not working any more.
So add this on your code:
$(document).ready(function() {
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
SearchText();
SearchItem();
});
function InitializeRequest(sender, args) {
}
function EndRequest(sender, args) {
SearchText();
SearchItem();
}
这篇关于当页面重新加载jQuery脚本作品的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
