Hi,
There is no way for you to change DeleteText from the client side. Your idea of using JQuery could work, but as you have noticed, if you use the same id for every cell, then a single call will change all cells.
An alternative is to change cell style instead of cell text. You will do something like this:
1. Set your DeleteText to
Code: HTML/ASPX
<span class="delete">Delete</span><span class="complete">Complete</span>
This will display both "Delete" and "Complete" in your cell. This is where CSS needs to come in.
2. Define the following CSS rules:
Code: CSS
/*Rule #1*/
.complete
{
display:none;
}
/*Rule #2*/
.complete_cell .delete
{
display:none;
}
/*Rule #3*/
.complete_cell .complete
{
display:inline;
}
After these CSS rules, text "Complete" will be hidden because rule #1 is automatically applied, so only "Delete" is visible now.
3. Using the following code to switch "Delete" to "Complete":
Code: JavaScript
//Apply CSS rule "complete_cell" on the grid Cell
gridCell.overrideStyle("complete_cell");
This will apply rule #2 and #3 on the "Delete" and "Complete" text respectively, thus hide "Delete" and display "Complete".
Note the default Grid cell style (before "complete_cell" applied) may have paddings, so you may need to add paddings (or other things such as font, color, ect) in your "complete_cell" rule to compensate that. But the basic idea is to use a CSS descendant selector to switch style instead of changing text.
Hope this helps. Please let us know if you still have any more questions.
Thanks!