Clone a Grid and navigation into a form
Hi,
I am having two little issue with Grid on ASP.NET MVC (ej1)
First Issue :
I have a view VISUALISATION, that show me a grid ("GridPassword")
This one is for a visualisation, users can't acces to the Edit mode of it if they don't have the admin rights.
My problem refer to an other Gird in my view EDITION, I have a Button Edit that show the EDITION view, when i am on VISUALISATION view, and when I acces on EDITION View (from the button Edit), the Edit Button disapear and two Buttons get available : a Button that saves the edit, or a Cancel Button , both of this two redirect me to the VISUALISATION View when they are pressed.
When you are admin you have right to acces to the Edit mode and so, you can edit the grid. (the "Valeur" 's Cell),
Anyway, The problem is, that i would like that my GridPasswordsEdit will get clone on the Grid in Visualisation's view.
But, the clone isn't effective, it only edit the grid in my Edition view and not the Visualisation one too.
I would like to know if you may have an .API or something that could clone my gridEdit on my GridView, and not just an export's api to convert on PDF, etc.
Second Issue :
I have (same as the previous issue) a form with two view (visualisation and edition), the form is a succession row/colums that have some <div> Html.Ej().MaskEdit </div> some <div> Html.Ej().Autocomplete </div> and some <div> Html.Ej().Dropdownlist </div>
i would like to know if you have an idea of how to set a custom Tab Navigation
Actually it's like the Blue Color Order one, after a while the selection disapear and reapear later after some press of the TabKey, and i would like to have the navigation passing in the Red Color Order
If i missed some words i'm sorry, and hope you will understand my requests anyway
Thanks per advence for the reply,
Kind Regards,
Marion
I am having two little issue with Grid on ASP.NET MVC (ej1)
First Issue :
I have a view VISUALISATION, that show me a grid ("GridPassword")
This one is for a visualisation, users can't acces to the Edit mode of it if they don't have the admin rights.
My problem refer to an other Gird in my view EDITION, I have a Button Edit that show the EDITION view, when i am on VISUALISATION view, and when I acces on EDITION View (from the button Edit), the Edit Button disapear and two Buttons get available : a Button that saves the edit, or a Cancel Button , both of this two redirect me to the VISUALISATION View when they are pressed.
When you are admin you have right to acces to the Edit mode and so, you can edit the grid. (the "Valeur" 's Cell),
Anyway, The problem is, that i would like that my GridPasswordsEdit will get clone on the Grid in Visualisation's view.
But, the clone isn't effective, it only edit the grid in my Edition view and not the Visualisation one too.
I would like to know if you may have an .API or something that could clone my gridEdit on my GridView, and not just an export's api to convert on PDF, etc.
Second Issue :
I have (same as the previous issue) a form with two view (visualisation and edition), the form is a succession row/colums that have some <div> Html.Ej().MaskEdit </div> some <div> Html.Ej().Autocomplete </div> and some <div> Html.Ej().Dropdownlist </div>
i would like to know if you have an idea of how to set a custom Tab Navigation
Actually it's like the Blue Color Order one, after a while the selection disapear and reapear later after some press of the TabKey, and i would like to have the navigation passing in the Red Color Order
If i missed some words i'm sorry, and hope you will understand my requests anyway
Thanks per advence for the reply,
Kind Regards,
Marion
SIGN IN To post a reply.
5 Replies
Hi Marion,
Thanks for contacting Syncfusion Support.
Query#:- Anyway, The problem is, that i would like that my GridPasswordsEdit will get clone on the Grid in Visualisation's view.
But, the clone isn't effective, it only edit the grid in my Edition view and not the Visualisation one too. When you are admin you have right to acces to the Edit mode and so, you can edit the grid. (the "Valeur" 's Cell),
But, the clone isn't effective, it only edit the grid in my Edition view and not the Visualisation one too. When you are admin you have right to acces to the Edit mode and so, you can edit the grid. (the "Valeur" 's Cell),
We have checked your query and we have achieved your requirement using EditTemplate feature of the Grid. Using EditTemplate property of the Grid column, we have placed the Visualization(as like password) input and maintained the same while on Editing. Based on the condition, we have permitted edit access to that particular row using BeginEdit event of the Grid. Using QueryCellInfo event, we have display the password (as like asterisk).
Refer to the code example:-
|
@(Html.EJ().Grid<OrdersView>("Edittemplate")
.Datasource((IEnumerable<object>)ViewBag.datasource)
.ClientSideEvents(eve =>
{
eve.QueryCellInfo("queryCellInfo");
eve.BeginEdit("beginEdit");
})
.AllowPaging()
.Columns(col =>
{
col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(90).ValidationRules(v => v.AddRule("required", true).AddRule("number", true)).Add();
col.Field("ShipCountry").HeaderText("ShipCountry").Width(90).EditType(EditingType.DropdownEdit).EditTemplate(a => { a.Create("create").Read("read").Write("write"); }).Add();
})
)
}
<script type="text/javascript">
function create() {
return $("<input type='password' >");
}
function write(args) {
args.element.val(args.rowdata.ShipCountry);
}
function read(args) {
return args.val();
}
function queryCellInfo(args) {
if (args.column.field == "ShipCountry") {
args.cell.innerText = "*********";
}
}
function beginEdit(args) {
if (!args.rowData.Verified) { // use your customized condition here
args.cancel = true; //prevented Editing based on any condition
}
}
</script>
|
Note:- If you are using BatchEdit mode, you can use CellEdit event instead of beginEdit to prevent access for particular users.
Refer to the API Link:-
Query#2:- i would like to know if you have an idea of how to set a custom Tab Navigation
We have checked your query and using keycode for Tab key we can customize the Keyboard Navigation. From using editCell method you can navigation to your desired field. Refer to the code example:-
|
<script type="text/javascript">
$("#Edittemplate").on("keydown", function (e) {
if (e.keyCode === 9) {
var gridObj = $("#Edittemplate").data("ejGrid");
gridObj.editCell(2, "OrderID"); //You can use your own customized functionalites on pressing Tab Key
}
});
</script> |
If your requirement is different from above, please share us Grid code example, detailed Explanation to proceed further.
Regards,
Farveen sulthana T
Hi,
Thanks for your reply,
I'm gonna try that,
By the way for the second issue, it's really not a navigation into a grid it's for something like this :
Thanks for your reply,
I'm gonna try that,
By the way for the second issue, it's really not a navigation into a grid it's for something like this :
SIGN IN To post a reply.
