[js/jquery] gridview klik uitschakelen na textbox wijziging

[PdeBie]

Hoi allen,

ik heb een klein issue waar ik niet helemaal uit kom.
De situatie:
1 textbox, 1 gridview. Indien de text in de textbox gewijzigd wordt moet het gridview uitgeschakeld worden (als in: niet meer aanklikbaar en grayed out).

Grayed out is makkelijk. Dat is de property disabled. Maar je kan vervolgens de rijen nog wel aanklikken, waardoor het selectedindexchanged event alsnog afgaat. En dat wil ik niet. Hoe kan ik dit voorkomen?

code:

JavaScript:

$('#<%= tbReceiverCity.ClientID %>').keyup(function ()
{
    $('#<%= gvMembers.ClientID %>').prop("disabled", true);
});

C#:

//in het row_databound event van de gridview
for (var i = 0; i < gvMembers.Columns.Count; i++)
{
    gridViewRow.Cells[i].Attributes.Add("onclick", Page.ClientScript.GetPostBackEventReference(gvMembers, "Select$" + gridViewRow.RowIndex));
}

--edit--

In eerste instantie dacht ik dit te kunnen doen, maar dat heeft geen effect.

JavaScript:

$('#<%= tbReceiverCity.ClientID %>').keyup(function ()
{
    $('#<%= gvMembers.ClientID %>').prop("disabled", true);
    $('#<%= gvMembers.ClientID %> tr:has(td)').prop("disabled", true);
});

--edit 2--

Onderstaand lijkt te werken. Maar is dit de meest handige methode? Of weten jullie nog iets anders/beters?

JavaScript:

$('#<%= tbReceiverCity.ClientID %>').keyup(function ()
{
    $('#<%= gvMembers.ClientID %>').prop("disabled", true);
    $('#<%= gvMembers.ClientID %> tr td').prop("disabled", true);
});

[ Voor 26% gewijzigd door PdeBie op 06-09-2013 15:24 . Reden: drukte op verstuur ipv toon voorbeeld ]

[R4gnax]

pdebie schreef op vrijdag 06 september 2013 @ 15:15:
Of weten jullie nog iets anders/beters?

Niet proberen rich client interactie voor elkaar te krijgen met WebForms. WebForms is compleet waardeloos voor alles wat niet 100% volgens het vooruit bedachte stramien werkt, in het bijzonder als het aankomt op rich client interactie scenario's m.b.v. JavaScript. Avoid, avoid, avoid.

[ Voor 3% gewijzigd door R4gnax op 06-09-2013 21:43 ]

[PdeBie]

haha mja, helaas gaat die vlieger niet meer op.

[BasieP]

wat is precies je vraag?

Je geeft een werkende oplossing in je startpost...

Verder is het voor ons lastig te testen zonder html.. (ik ga geen c# project starten om een jquery probleem te tackelen.

[PdeBie]

De vraag was oorspronkelijk zoals voor de eerste edit.

Bij het reageren staat echter: Je hebt als laatste gereageerd in dit topic. Wil je wat toevoegen, wijzig dan bij voorkeur je laatste reactie.

Ik had nog geen reactie ontvangen toen ik tot de oplossing kwam zoals in edit 1. En ook nog geen reactie toen ik de oplossing vond en dit in edit 2 postte. Dus vervolgens stelde ik gelijk maar even de vervolgvraag 'weten jullie nog iets anders/beters'.

Maar inmiddels werkt het dus al

[ Voor 17% gewijzigd door PdeBie op 11-09-2013 23:33 ]