Find specific row attribute jQuery

Question

On my asp.net form, within a table row I add cells and within those cells I add textboxes with an attribute like -

string residentId = (new GUID()).ToString();
string houseId  = (new GUID()).ToString();

HtmlTableRow detailRow = new HtmlTableRow();
detailRow.Attributes.Add("residentId", residentId);
detailRow.Attributes.Add("houseId", houseId);

HtmlTableCell dataCell = new HtmlTableCell();

TextBox tb = new TextBox();
tb.Attributes.Add("componentname", "tbMoveInDate");

tb.Attributes.Add("onchange", "updateMoveInDate()";

cell.Controls.Add(tb);
detailRow.Cells.Add(dataCell);

with a possiblility of 100+ rows, all with distinct IDs of course.

within my javascript I have this function -

function updateMoveInDate() {
    var MoveInDateEle = $("[componentname*='tbMoveInDate']");
}

at this point MoveInDateEle is a collection of all of those text boxes within the table and

var currentRow = $("[componentname*='tbMoveInDate']").parent().parent();

gives me all of the rows. but not my specific row.

How is it possible to get the specific text box I am working with and the specific resident Id and house Id associated with that control?

Are you clicking on the row you are working with or what does working with mean? Will the textbox be focused? Would you mind explaining a bit more. Thanks — edhedges
– edhedges, Commented Jun 28, 2013 at 12:38

palaѕн · Accepted Answer · 2013-06-28 12:35:55Z

2

Modify the C# code like this:

tb.Attributes.Add("onchange", "updateMoveInDate(this)";

and the js function like:

// obj here refers to the current textbox in the scope
// on which the on-change event had occurred...
function updateMoveInDate(obj) {
    var currentRow = $(obj).closest('tr');
}

answered Jun 28, 2013 at 12:35

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

palaѕн Over a year ago

@edhedges That's because OP is using $("[componentname*='tbMoveInDate']") which refers to all the textboxes but we are using here this keyword, which refers to the element in the current scope, not to the full collection.

Claudio Redi · Accepted Answer · 2013-06-28 12:36:03Z

1

You could do

tb.Attributes.Add("onchange", "updateMoveInDate(this)";

And

function updateMoveInDate(txt) {
    var $txt = $(txt);
    var $row = $txt.closest('tr');
    var residentId = $row.attr('residentId');
    var houseId = $row.attr('houseId');
}

answered Jun 28, 2013 at 12:36

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Comments

marc_s · Accepted Answer · 2017-02-12 19:47:59Z

0

Try this

tb.Attributes.Add("onchange", "updateMoveInDate(this)";

in code behind

    string residentId = (new GUID()).ToString();
    string houseId  = (new GUID()).ToString();

    HtmlTableRow detailRow = new HtmlTableRow();
    detailRow.Attributes.Add("residentId", residentId);
    detailRow.Attributes.Add("houseId", houseId);

    HtmlTableCell dataCell = new HtmlTableCell();

    TextBox tb = new TextBox();
    tb.Attributes.Add("componentname", "tbMoveInDate");

    tb.Attributes.Add("onchange", "updateMoveInDate(this)";

    cell.Controls.Add(tb);
    detailRow.Cells.Add(dataCell);

jQuery:

function updateMoveInDate(args) {
    var MoveInDateEle = $(args).closest('tr');

}

edited Feb 12, 2017 at 19:47

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jun 28, 2013 at 12:39

sangram parmar

8,7862 gold badges26 silver badges48 bronze badges

Collectives™ on Stack Overflow

Find specific row attribute jQuery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related