Skip to content
11 changes: 7 additions & 4 deletions ej2-asp-core-mvc/code-snippet/grid/edit/inline-single/razor
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,21 @@
col.Field("ShipName").HeaderText("Ship Name").Width("150").ValidationRules(new { required = "true"}).Add();
col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").ValidationRules(new { required = "true"}).Add();
}).AllowPaging().Load("load").EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()

<script>
function load()
{
var grid = document.getElementById("grid").ej2_instances[0];
grid.element.addEventListener('mouseup', (event) => {
if (event.target.classList.contains("e-rowcell")) {
if (grid.isEdit)
grid.endEdit();
if (event.target.classList.contains("e-rowcell")) {
if (grid.isEdit)
{
grid.endEdit();
}
let index= parseInt((event.target).getAttribute("Index"));
grid.selectRow(index);
grid.startEdit();
};
}
});
}
</script>
10 changes: 6 additions & 4 deletions ej2-asp-core-mvc/code-snippet/grid/edit/inline-single/tagHelper
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,15 @@
{
var grid = document.getElementById("grid").ej2_instances[0];
grid.element.addEventListener('mouseup', (event) => {
if (event.target.classList.contains("e-rowcell")) {
if (grid.isEdit)
grid.endEdit();
if (event.target.classList.contains("e-rowcell")) {
if (grid.isEdit)
{
grid.endEdit();
}
let index= parseInt((event.target).getAttribute("Index"));
grid.selectRow(index);
grid.startEdit();
};
}
});
}
</script>
14 changes: 11 additions & 3 deletions ej2-asp-core-mvc/document-editor/text-format.md
Original file line number Diff line number Diff line change
Expand Up @@ -106,6 +106,14 @@ You can make a subscript or superscript text as normal using the following code.
documenteditor.selection.characterFormat.baselineAlignment='Normal';
```

## Change case

You can apply different case formatting based on the selected text. Refer to the following sample code.

```typescript
documenteditor.editor.changeCase('Uppercase'|'Lowercase'|'SentenceCase'|'ToggleCase'|'CapitalizeEachWord');
```

## Size

The size of selected text can be get or set using the following code.
Expand Down Expand Up @@ -182,6 +190,6 @@ documenteditor.selection.characterFormat.highlightColor= '#FFC0CB';

## See Also

* [Feature modules](../document-editor/feature-module/)
* [Font dialog](../document-editor/dialog/#font-dialog)
* [Keyboard shortcuts](../document-editor/keyboard-shortcut/)
* [Feature modules](../document-editor/feature-module)
* [Font dialog](../document-editor/dialog#font-dialog)
* [Keyboard shortcuts](../document-editor/keyboard-shortcut)