Hi Kuntal,
We have prepared a sample and achieved your requirement by using “BeginEdit” and “ActionBegin” client side event.
We can set maximum length of characters for input box by using “maxlength” attribute. While cell editing and dialog add/edit action we can set maxlength attribute for input element of task name field
using “BeginEdit” and “ActionBegin” events.
Please refer the following code snippets.
|
[CSHTML]
<body>
@(Html.EJ().Gantt("GanttContainer")
//..
.ClientSideEvents(cs =>
{
cs.BeginEdit("BeginEdit");
cs.ActionBegin("ActionBegin");
})
//..
)
@(Html.EJ().ScriptManager())
<script type="text/javascript">
//Event trigger at the cell edit
function BeginEdit(args) {
if (args.columnIndex == 1) {
$(args.cellElement).focusin(function (arg) {
$("#" + arg.target.id).attr('maxlength', '15');
});
}
}
//Event trigger at the dialog edit
function ActionBegin(args) {
if (args.requestType == "beforeOpenEditDialog") {
$("#GanttContainertaskNameEdit").attr('maxlength', '15'); // GanttContainer is id of Gantt control
}
}
</script> |
Please find the sample from following location.
Thanks,
Suriyaprasanth R.
