Quelqu'un peut-il me dire s'il existe un moyen de positionner le popup d'édition pour une grille mvc à aligner avec le centre de l'écran?positionnement edit-form Popup pour telerik mvc grid
Répondre
Mon ami a trouvé la meilleure façon de faire en utilisant l'une de la fonction intégrée non exposée du réseau telerik
var popup = $("#" + e.currentTarget.id + "PopUp");
//get the data window contained by the popup
var popupDataWin = popup.data("tWindow");
//change popup title by calling the title
popupDataWin.title("Custom Title");
//center the window by calling the method center
popupDataWin.center();
de mettre ce morceau de code côté client on_edit api de la grille et vous verrez la magie
Vous ne savez pas si cela peut être fait automatiquement avec l'option de configuration - maintenant, sur les démos en direct, la fenêtre contextuelle est centrée dans la grille. Ma conjecture sauvage est que vous pouvez le positionner au centre de l'écran avec javascript ...
Je l'ai fait avant d'utiliser un popup personnalisé en utilisant une fenêtre Telerik Mvc définie séparément. Mon code d'échantillon ressemblait à ceci:.
<%= Html.Telerik().Window()
.Name("CompanyWindow")
.Title("Company Details")
.Buttons(b => b.Maximize().Close())
.Visible(false)
.Modal(true)
.Width(600)
.Height(600)
.Draggable(true)
.Resizable()
%>
<% Html.Telerik().Grid<Vigilaris.Booking.Services.CompanySummaryDTO>()
.Name("CompaniesGrid")
.ToolBar(tb => tb.Template(() => { %>
<a href ="#" onclick="createCompany()" >Insert</a>
<% }))
.Columns(col =>
{
col.Bound(c => c.Id).Width(20);
col.Bound(c => c.CompanyName).Width(120);
col.Bound(c => c.ResponsiblePersonFullName).Width(160);
col.Bound(c => c.ResponsiblePersonUserName).Width(160);
col.Bound(c => c.ResponsiblePersonEmail).Width(160);
col.Command(cmd =>
{
cmd.Edit().ButtonType(GridButtonType.Image);
}).Title("Edit");
})
.DataKeys(keys => keys.Add(c => c.Id))
.DataBinding(binding => binding.Ajax()
.Select("_IndexAjax", "Company")
.Insert("_InsertAjax", "Company")
.Update("_UpdateAjax", "Company")
)
.Sortable()
.Render();
%>
<script type="text/javascript">
function createCompany() {
var url = '<%= Url.Action("New", "Company") %>'
$.post(url, function (data) {
var window = $('#CompanyWindow').data('tWindow');
window.content(data);
window.center().open();
});
}
</script>
Vous remarquerez dans la fonction createCompany que j'appelle window.center() open(). Ceci centre explicitement le popup. Cependant, je ne pense pas que ce soit exactement ce que vous voulez faire, mais cela peut vous donner des indications dans la bonne direction. J'espère que ça aide.
merci les gars pour les réponses valides. Je sais que nous pouvons positionner une fenêtre contextuelle personnalisée, mais pas pour les fenêtres intégrées en mode édition.
Cependant, je manoeuvré la position avec jquery sur le côté client on_edit API de réseau telerik.
var popup = $("#" + e.currentTarget.id + "PopUp");
popup.css({ "left": ($(window).width()/2 - $(popup).width()/2) + "px", "top": ($(window).height()/2 - $(popup).height()/2) + "px" });
e.currentTarget.id donne la gridname.
@(Html.Telerik().Grid()
.Name("FormFildGrid")
.ClientEvents(events => events.OnEdit("Grid_onEdit"))
)
function Grid_onEdit(e) {
var popup = $("#" + e.currentTarget.id + "PopUp");
var popupDataWin = popup.data("tWindow");
var l = ($(window).width()/2 - $(popup).width()/2);
popup.css({ "left": l + "px", "margin-left": "0", "width": $(popup).width() });
}
- 1. Telerik MVC: Generic Grid
- 2. Telerik MVC: Menu Telerik baisse sous Telerik Grid
- 3. Telerik MVC Grid: Couleur de ligne conditionnelle
- 4. Telerik MVC Grid: Mettre un bouton dans une colonne
- 5. Telerik Grid MVC 2 Modification des propriétés Css
- 6. Telerik MVC Grid - problème avec la propriété DateTime nullable
- 7. positionnement JS popup dans Fx
- 8. Extrêmement grand JQGrid EditForm
- 9. Personnalisez l'option de filtre pour une date colmn telerik grid
- 10. mvc contrib grid + formulaires
- 11. Telerik MVC Grid: Définition de la direction de tri par défaut
- 12. Trier Telerik RadGrid pour ASP.NET MVC
- 13. problème jqGrid EditForm
- 14. Masquer la colonne dans Telerik Grid mais besoin de l'obtenir
- 15. Telerik Grille ASP.NET MVC 2.0 sélectionnable Numéro
- 16. Telerik RadControls RadFormDecorator - Problème de remorquage sur le positionnement
- 17. Telerik MVC Combobox AutoComplete erreur
- 18. EnableCustomBinding dans Telerik MVC Grille
- 19. grille Telerik MVC - ArgugumentException lors du filtrage
- 20. Infragisitcs Grid avec un WebDialogWindow en tant que popup modifiable
- 21. JQuery Popup du contrôleur MVC
- 22. Nombre de lignes MVC Contrib Grid
- 23. Telerik RadGrid ouverture d'un formulaire d'édition popup supplémentaire en appuyant sur "Entrée" à partir d'un formulaire popup pour l'insertion
- 24. Obtenir la validation côté client pour utiliser Telerik MVC Window
- 25. Numéro de série pour Telerik Grille dans MVC
- 26. GPL 2.0 Extensions Telerik gratuites pour ASP.NET MVC
- 27. colonne latérale Contrôleur de liaison pour Telerik MVC Grille
- 28. Utilisation de Telerik Extensions dans asp.net MVC Control
- 29. Contrôles Telerik MVC, OnDocumentReady tire deux fois
- 30. Comment envoyer un message d'erreur personnalisé au client Telerik MVC Grid Ajax Insérer/Mettre à jour/Supprimer?
Pourriez-vous ajouter un peu plus de contexte à votre exemple? Où sur le client ajoutez-vous cela? – camainc
ce morceau de code doit être placé dans l'API OnEdit côté client de la grille telerik http://demos.telerik.com/aspnet-mvc/grid/clientsideevents. La plupart des problèmes pop-up ont été résolus dans une nouvelle version de terik, donc probablement ce problème est résolu aussi. – Shabeer