Buscar Registros de GridView (Datos) Al Pulsar Las Teclas Cuadro de Texto Utilizando Jquery en ASP PDF

26/6/2016
BuscarregistrosdeGridView(datos)alpulsarlasteclascuadrodetextoutilizandojQueryenASP.Net
Casa
Categoras
ASP.Net
C#.Net
JavaScript
ADO.Net
Sobresalir
AJAX
VB.Net
servidorSQL
Vistaencuadrcula
Cuestionesyexcepciones
Silverlight
Editordetextoenriquecido
jQuery
DataList
fragmentos
XML
http://www.aspsnippets.com/Articles/SearchGridViewrecordsdataonTextBoxKeyPressusingjQueryinASPNet.aspx
1/18
26/6/2016
Nuevascaractersticas
.Net4.0
Vistaderbol
Kitdeherramientasdecontrolde
AJAX
jQueryPlugins
ControlesdeTerceros
ASP.Netvalidadores
WCF
Relojderepeticin
5
Expresionesregulares
APIdeyahoo
iTextSharp
Facebook
Grficas
Vistadelalista
tweeter
Google
CSS
SMS
2/18
26/6/2016
DotNetZip
CrystalReports
Marcodelaentidad
Hiperenlace
InformeRDLC
SqlDataSource
Men
Youtube
Gorjeo
HTML
XmlDataSource
Cuadrodelista
Consejos
DataGridView
Criptografa
windowsForms
LinkedIn
WebUserControl
RSSFeeds
HTML5
3/18
26/6/2016
mapadelsitio
IIS
LINQ
DataPager
enrutamientoURL
SqlBulkCopy
LOC
ASP.Net4.5
Pginasmaestras
MySQL
CSV
Procedimientosalmacenados
JSON
Serviciosweb
Oreja
serviciodewindows
Tabladedatos
app.config
Estudiovisual
Botonderadio
4/18
26/6/2016
Caja
Handlergenrica
Lalistadesplegable
Subirarchivo
RadioButtonList
CheckBoxList
Destello
HtmlEditorExtender
div
Mesa
AngularJS
DataReader
Conjuntodedatos
Lasaplicacionesdeconsola
FTP
DetailsView
CuadrodetextoContrasea
enum
Cajacombo
Sponsored
5/18
26/6/2016
SqlDataAdapter
OpenXml
ClosedXml
SiteMapPath
Lasmatrices
FormView
SqlTransaction
Web.Config
Galletas
foros
Contacto
Eg.SendEmailASP.Net
Buscar
BuscarregistrosdeGridView(datos)alpulsarlasteclascuadrodetextoutilizandojQuerye
nASP.Net
29deDic2013 mudassarKhan
15Comentarios 98427Vistas
ASP.NetJavaScriptGridViewjQueryjQueryPlugins
AquMudassarAhmedKhanhaexplicadocmobuscarregistrosdeGridView(datos)sobreeleventoKeyPresscuadrodetextousandojQuer
yenASP.Net.ConelfindebuscarenlosregistrosdeGridView(datos)sobreeleventoKeyPresscuadrodetexto,estoyhaciendousodejQu
erypluginqueBsquedaRpidadinmicabsquedaslasclulasdeGridViewyfiltralasfilasnodeseadosymuestranicamentelosregistros
(datos)quecoincidaconeltrminodebsquedaentrada.
6/18
26/6/2016
Descargar Verdemo
Megusta
11247
Follow@ASPSnippets
Seguir
1.513
EnesteartculovoyaexplicarcmobuscarregistrosdeGridView(datos)sobreeleventoKeyPresscuadrodetextousandojQueryenASP.N
et.
7/18
26/6/2016
ConelfindebuscarenlosregistrosdeGridView(datos)sobreeleventoKeyPresscuadrodetexto,estoyhaciendousodejQueryBsqueda
RpidaPlugin,quebuscaenformadinmicalasclulasdeGridViewyfiltralasfilasnodeseadosymuestranicamentelosregistros(datos)
quecoincideconeltrminodebsquedaentrada.
FormatoHTML
ElformatoHTMLconsisteenunGridViewASP.NetconcolumnasBoundField.HeespecificadoOnDataBoundcasodeGridViewparaaadi
rdinmicamenteunafilaconcuadrosdetextoparabuscarregistrosencadacolumnadeGridView.
< Asp : G d ew ID
una
"G d ew1" Heade S
"se e " Au oGene a e o umns
e-Ba
o o
" 3A 0F2" Heade S
" a se" OnDa aBound
e-Fo e o o
"Wh e"
"OnDa aBound">
< o umnas >

< Asp : BoundF e d Da aF e d
"Id" Heade Tex
"Id" I emS
"Nomb e" Heade Tex
"Pas" Heade Tex
e-An ho
"Nomb e" I emS

"Pas" I emS
"30" />
e-An ho
e-An ho
"100" />
"100" />
</ o umnas >

</ Asp : G d ew >
Losespaciosdenombres
Tendrqueimportarlossiguientesespaciosdenombres.
DO#
u
zando S s em.Da a;
VB.Net
Las mpo a ones S s em.Da a
EnlazarelcontrolGridView
HecreadounDataTabledinmicaconalgunosdatosficticiosyhasidounenalcontrolGridVieweneleventodecargadepgina.
8/18
26/6/2016
UstedpuedeaprendermssobreestatcnicaenmiartculoCreardinmicamenteDataTableyseunenaGridViewenASP.Net.
DO#
p o e dos o d Pa e_Load ( ob e o em so , E en A s e)
{
s (! es e .IsPos Ba )
{
Da aTab e d
nue a Da aTab e ();
d . o umns.AddRan e ( nue a Da a o umn [3] { nue a Da a o umn ( "Id" ,

nue a Da a o umn ( "Nomb e" ,
peo ( n )),
peo ( adena )),
nue a Da a o umn ( "Pas" ,
peo ( adena ))});
d .Rows.Add (1, " ohn Hammond" , "Es ados Un dos" );

d .Rows.Add (2, "Mudassa
han" , "Ind a" );
d .Rows.Add (3, "Suzanne Ma hews" , "F an a" );

d .Rows.Add (4, "Robe
G d ew1.Da aSou e
S h dne " , "Rus a" );
d ;
G d ew1.Da aB nd ();
}
}
VB.Net
P o e ed Sub Pa e_Load ( em en e omo ob e o , e omo E en A s ) Mane a Me . oad
S No Me .IsPos Ba
D m d
En on es
omo Nue a Da aTab e ()
d . o umns.AddRan e ( Nue a Da a o umn (2) { New Da a o umn ( "Id" , Ge T pe ( In e e )), New Da a o umn ( "Name" , Ge T pe
( S
n )), New Da a o umn ( " oun
" , Ge T pe ( S
n ))})
d .Rows.Add (1, " ohn Hammond" , "Es ados Un dos" )

d .Rows.Add (2, "Mudassa
han" , "Ind a" )
d .Rows.Add (3, "Suzanne Ma hews" , "F an a" )

d .Rows.Add (4, "Robe
S h dne " , "Rus a" )
9/18
26/6/2016
G d ew1.Da aSou e
G d ew1.Da aB nd ()
e m na s
End Sub
Adicindeunafiladecuadrodetextoparalabsquedadedatos
EnelinteriordelcontroladordeeventosOnDataBound,hecreadounanuevafiladecabeceraGridViewconuncuadrodetextoensucelular
cadaunoyluegoaadiestafilaparaelGridView.EstoscuadrosdetextosepuedenutilizarparabuscarlacolumnadelarespectivaGridVie
weneleventoKeyPresscuadrodetexto.
UstedsedarcuentaquelapropiedadCssClassseestableceparacadacuadrodetextoconelvalorsearch_textbox,estosehahecho
paraaplicarelladodelclienteplugindejQueryBsquedaRpidausandoelselectordeclaseCSSjQuery.
DO#
p o e da a o OnDa aBound ( ob e o em so , E en A s e)
{
G d ewRow
pa a ( n
0;
nue a G d ewRow (0, 0, Da a on o RowT pe .Heade , Da a on o RowS a e .No ma );

<G d ew1. o umns. oun ;
{
Tab eHeade e
e u a
nue a Tab eHeade e
uad o de ex o x Sea h
x Sea h.A
nue o uad o de ex o ();
bu es [ "ma ado de pos
x Sea h. ss ass
();
n" ]
G d ew1. o umns [ ] .Heade Tex ;
"sea h_ ex box" ;
e . on o s.Add ( x Sea h);

ow. on o s.Add ( e u a );
}
G d ew1.Heade Row.Pa en . on o s.AddA (1,
a);
VB.Net
P o e ed Sub OnDa aBound ( em en e omo ob e o , e omo E en A s )
10/18
26/6/2016
D m
a omo Nue a G d ewRow (0, 0, Da a on o RowT pe .Heade , Da a on o RowS a e .No ma )
Pa a
omo En e o
D m e u a
0 Pa a G d ew1. o umns. oun - 1
omo New Tab eHeade e
()
D m x Sea h omo Nue o uad o de ex o ()

x Sea h.A
bu es ( "ma ado de pos
x Sea h. ss ass
n" )
G d ew1. o umns ( ) .Heade Tex
"sea h_ ex box"
e . on o s.Add ( x Sea h)
ow. on o s.Add ( e u a )
S u en e
G d ew1.Heade Row.Pa en . on o s.AddA (1,
a)
End Sub
LaaplicacindelajQueryPluginBsquedaRpida
EljQueryPluginBsquedaRpidaseaplicautilizandoelselectordeclaseCSSjQueryparacadacuadrodetextodentrodelafiladecabecer
aGridView.
EljQueryPluginBsquedaRpidaseincluyeenelcdigodeejemploadjunto.TambinsepuededescargarusandoelsiguienteURL.De
scargarjQueryPluginBsquedaRpida
< s
pe " ex / a as
< S
p de
po
p " s
" ex / a as
"h p://a ax. oo eap s. om/a ax/ bs/ que /1.8.3/ que .m n. s"></ s
p " s
"qu
sea h. s"> </ s
p >
p de >
11/18
26/6/2016
< S
p de
po
" ex / a as
p ">
$ ( Fun n () {
$ ( '.sea h_ ex box' ) . ada ( Fun n ( ) {
$ ( Es e ) .qu
sea h ( "[ d *
G d ew1] TR: no (:
'Tes ue ' : un n ( onsu a, x ,

de o e $ . h d en (
())
ene ())" , {
a) {
as) ( ": eq ("
")" ) . ex () oLowe ase () ndexO ( onsu a [0] . o owe ase
-1;..!
}
});
});
});
</ Es
u a >
Manifestacin
Verdemo
descargas
Descargar
12/18
26/6/2016
13/18
26/6/2016
Artculosrelacionados
GridViewdesplazableconencabezadosfijosenASP.Net
AquMudassarAhmedKhansedescribecmocrearsupropioGridviewconbarrasdedesplazamientoparadesplazarseporlosregistros.
ElusodeJavaScriptconASP.NetGridViewcontrol
AquMudassarAhmedKhanhaexplicadocmousarJavaScriptconASP.NetcontrolGridViewylaimplementacindefuncionalidadestales
comoverificacindetodaslascasillasdeverificacinydestacandounafila.
ExportacinGridViewParaWordExcelformatosPDFCSVenASP.Net
AquMudassarAhmedKhanhaexplicadocmoexportarGridViewparaWordExcelPDFydocumentosCSV
Lascasillasdeverificacindelestadodelapreservacindepaginacin,mientrasqueenASP.NetcontrolGridView
EnesteartculoMudassarAhmedKhanhaexplicadocmomanteneropreservarelestadodecasillasdeverificacin,mientraspaginacinen
ASP.NetcontrolGridView
GridViewdesplazableconencabezadosfijosyladodelclientedeclasificacinusandojQueryenASP.Net
AquMudassarAhmedKhanhaexplicadocmocrearungridviewdesplazableconencabezadosfijosyclasificacinladodelclienteutilizando
jQueryylabibliotecatablesorterenASP.Net
ImgenesdevisualizacinenelcontrolGridViewutilizandolarutadeaccesoalmacenadaenlabasededatosdeSQLServer
AquMudassarAhmedKhanhadescritocmoalmacenarlasimgeneseneldiscoysutrayectoriaenimgenesyluegolosmuestraenel
controlGridViewenASP.Net.ConloquesupropiaimagenoGaleradeFotos
MostrarlasimgenesdelaBasededatosdeSQLServerenelcontroldeASP.NetGridView
AquMudassarAhmedKhanhaexplicadocmoconstruirunagaleradeimgenesparavisualizarimgenesdebasededatosSQLServer
medianteelcontrolGridViewenASP.Net
GridViewdeexportacinconimgenesdelabasededatosdeExcelaWordyPDF
AquMudassarAhmedKhanhaexplicadocmoexportarunGridViewconimgenesofotografasaWordExceloPDF.Enesteartculo,el
14/18
26/6/2016
GridViewestmostrandoimgenesdelabasededatosdeSQLServer
GridViewdeexportacinconimgenesenWord,ExcelyPDFenASP.Net
AquMudassarAhmedKhanhaexplicadocmoexportarunGridViewconimgenesofotografasaWordExceloPDFenASP.Net.Eneste
artculo,elGridViewestmostrandolasimgenesalmacenadaseneldiscoyTH
ImplementarlapaginacinenASP.NetcontrolGridView
AquMudassarAhmedKhanhaexplicadocmohabilitaroaadirfuncionalidaddepaginacindecontrolGridViewenASP.Net
LasmatricesdeuninaGridViewenASP.Net
AquMudassarAhmedKhanhaexplicadocmoenlazaralasredesmatricescomocuadrculadedatosGridViewenasp.net
LeayHojadeimportacindeExcelenASP.NetcontrolGridView
EnesteartculoMudassarAhmedKhanhaexplicadocmoleerlahojadeExceleimportarsusdatosenelcontroldeASP.NetGridView
utilizandoADO.Net
ExportacinASP.NetGridViewaPDFconanchosdecolumnaspersonalizadasutilizandoiTextSharp
AquMudassarAhmedKhanharesueltoelproblemaconocidodeexportaraPDFGridViewconanchosdecolumnapersonalizadosqueno
funcionaconelmtodorendercomn
CmoaadirfilasdinmicasenASP.NetcontrolGridViewconcuadrosdetexto
EnesteartculoVinzhaexplicadocmogenerarunafilaGridViewconcuadrosdetextoalhacerclicenunbotnqueestresidiendodentrode
unpiedepginaenASP.NetGridView
ExportacindemltiplesGridViewsParahojadeclculoExcelenASP.Net
AquMudassarAhmedKhanhaexplicadocmoexportarmltiplesGridViewsalamismahojadeExcelusandoASP.Net
comentarios
5
NarasappaDic29de,201323:12117.204.14.214
GraciasASPFragmentos.
Esteeselartculomuytil
VishEne03,201402:01AM122.169.10.124
Artculoagradableparam...quemeayudamucho.....peroquierobuscarenlosregistrosdetodoslosregistrosenelgridview
conpaginacin
porloquesepuedePLZmeayude
raghuEne04,201410:0181.134.10.215
Funcionahermosa.
Perohayalgunaposibilidaddeaplicarelmismoparagridviewconpaginacin.Gracias
15/18
26/6/2016
sravanEne20,201423:01122.169.158.77
Muchasgracias
ALIEne22de,201402:01AM5.250.39.174
Lostanquesmucho
notrabajabiencuandousoelCambiondiceseleccionado
Ms
Aadircomentarios
5
Puedeagregaruncomentariosobreesteartculomedianteelsiguienteformulario.Asegresedeproporcionarunadireccindecorreo
electrnicovlida
delocontrarionoselenotificarcuandoelautorrespondeasucomentario
Porfavor,tengaencuentaquetodosloscomentariossonmoderadosyseeliminansitienen
Norelavantalartculo
Correonodeseado
Lascampaasdepublicidadoenlacesaotrossitios
Contenidoabusivo.
Porfavor,nopublicarcdigo,scriptsofragmentos.
Megusta
11247
Follow@ASPSnippets
Seguir
1.513
Nombre
Name
Email
Email
16/18
26/6/2016
Comentario
Comment
Cdigodeseguridad:
Agregarcomentario
Loquedicennuestroslectores
SAA
TrgranMudassarKhan
Ayudarluchadoresinfinitasconsuconocimiento
SoyunodeellosGraciasenloquerespecta
Mohan
impresionantealgunaquerealmenteestayudandomucho.
Porfavor,mantengaelcarctertilparapublicarmsejemplos.
Waqas
GraciasMudassarsuejemplosiempreseayudancompleta.
Rohan
EstimadoMudassarSir,megustaradarlelasgraciasporescribirsusartculosenASP.net.Ellossonprecisosymuytilparalos
desarrolladorescomoyo.Estoycreandounaaplicacinwebyheencontradolasolucinamisproblemassobretododesusartculos.
Shiku
quesonawsum..urtodosexapmlesalwzayudaralagente...graciasporcompartir
Suscribir
Porfavor,introduzcasudireccindecorreoelectrnico:
Suscribir
17/18
26/6/2016
2016www.aspsnippets.comTodoslosderechosreservados|Polticadeprivacidad|DesarrolladoporExcelasoftSoluciones
18/18

Buscar Registros de GridView (Datos) Al Pulsar Las Teclas Cuadro de Texto Utilizando Jquery en ASP PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Buscar Registros de GridView (Datos) Al Pulsar Las Teclas Cuadro de Texto Utilizando Jquery en ASP PDF

Enviado por

Direitos autorais:

Formatos disponíveis

26/6/2016

"G d ew1" Heade S

"se e " Au oGene a e o umns

" 3A 0F2" Heade S

" a se" OnDa aBound

< o umnas >

"Id" Heade Tex

< Asp : BoundF e d Da aF e d

"Nomb e" Heade Tex

< Asp : BoundF e d Da aF e d

"Pas" Heade Tex

"Nomb e" I emS

</ o umnas >

nue a Da aTab e ();

d . o umns.AddRan e ( nue a Da a o umn [3] { nue a Da a o umn ( "Id" ,

peo ( adena )),

nue a Da a o umn ( "Pas" ,

peo ( adena ))});

d .Rows.Add (1, " ohn Hammond" , "Es ados Un dos" );

han" , "Ind a" );

d .Rows.Add (3, "Suzanne Ma hews" , "F an a" );

S h dne " , "Rus a" );

omo Nue a Da aTab e ()

n )), New Da a o umn ( " oun

d .Rows.Add (1, " ohn Hammond" , "Es ados Un dos" )

han" , "Ind a" )

d .Rows.Add (3, "Suzanne Ma hews" , "F an a" )

S h dne " , "Rus a" )

nue a G d ewRow (0, 0, Da a on o RowT pe .Heade , Da a on o RowS a e .No ma );

nue a Tab eHeade e

nue o uad o de ex o ();

bu es [ "ma ado de pos

G d ew1. o umns [ ] .Heade Tex ;

e . on o s.Add ( x Sea h);

a omo Nue a G d ewRow (0, 0, Da a on o RowT pe .Heade , Da a on o RowS a e .No ma )

0 Pa a G d ew1. o umns. oun - 1

omo New Tab eHeade e

D m x Sea h omo Nue o uad o de ex o ()

bu es ( "ma ado de pos

G d ew1. o umns ( ) .Heade Tex

sea h. s"> </ s

'Tes ue ' : un n ( onsu a, x ,

as) ( ": eq ("

")" ) . ex () oLowe ase () ndexO ( onsu a [0] . o owe ase

Você também pode gostar