FleGMan
2016-01-15 20:01:59
Just add disabled class to your <tr>'s using $("tr").addClass("disabled").
The grayed out backgroung can be added by using $('tr').css('background-color','grey') or by describing .disabled class in your css-file:
tr.disabled {
background-color: grey;
}
Then in your ShowDetails() method just check if calling element has the .disabled class by using $(this).hasClass("disabled") method. Show details if it doesn't and do nothing if it does.
Instead of checking the disabled class you can also add a new bool observable named AddMode() and set it to true on Add New button click, and on ShowDetails() put a first line if(AddMode() === true) return; (by @st_stefanov)
Something like this, yes. I will give it a try. Thanks.
instead of checking the disabled class I can also add a new bool observable named AddMode() and set it to true on Add New button click, and on ShowDetails() I will put a first line if(AddMode() === true) return; What do you think?
Awesome. Thank you for your help FleGMan. I have chosen this as an answer, because it gave a full solution on all points I had in my question details. Welcome to the forum man and this is a good start for you here! Keep going this way! (Stan)