Pourquoi JQuery boîte de Dialogue Modale et JQGrid boîte de Dialogue Modale sont à la recherche de différent?

J'ai créé JQGrid avec Jquery boîte de dialogue modale pour les Supprimer. Jqgrid avec la modification en ligne et un champ est requis si je laisse le champ vide et appuyez sur soumettre le message Veuillez saisir le prénom, mais le problème est Intégré message et mon jquery boîte de dialogue modale sont trop différents.

Intégré JQGrid Boîte De Dialogue Modale:

Pourquoi JQuery boîte de Dialogue Modale et JQGrid boîte de Dialogue Modale sont à la recherche de différent?

JQuery Boîte De Dialogue Modale

Pourquoi JQuery boîte de Dialogue Modale et JQGrid boîte de Dialogue Modale sont à la recherche de différent?

CODE:

function createGrid() {
jQuery("#list").jqGrid({
url: '@Url.Action("JQGridGetGridData", "TabMaster")',
datatype: 'json',
mtype: 'GET',
colNames: ['col ID', 'First Name', 'Last Name', ''],
colModel: [{ name: 'colID', index: 'colID', width: 100, align: 'left', searchoptions: { sopt: ['eq', 'ne', 'cn']} },
{ name: 'FirstName', index: 'FirstName', width: 150, align: 'left', editable: true, editrules: { required: true} },
{ name: 'LastName', index: 'LastName', width: 150, align: 'left', editable: true, editrules: { required: true} },
{ name: 'act', index: 'act', width: 60, sortable: false}],
pager: jQuery('#pager'),
hidegrid: false,
rowNum: 100,
rowList: [10, 50, 100, 150],
sortname: 'colID',
sortorder: "asc",
viewrecords: true,
multiselect: false,
width: 500,
height: "250px",
imgpath: '@Url.Content("~/Scripts/themes/steel/images")',
caption: 'Tab Master Information',
editurl: '@Url.Action("JQGridEdit", "TabMaster")',
gridComplete: function () {
var ids = jQuery("#list").getDataIDs();
for (var i = 0; i < ids.length; i++) {
var id = ids[i];
be = "<a href='#'><div title='Edit' id='action_edit_" + id + "' class='actionEdit' onclick='inlineEdit(" + id + ");'></div></a>";
de = "<a href='#'><div title='Delete' id='action_delete_" + id + "' class='actionDelete' onclick='inlineDelete(" + id + ");'></div></a>";
se = "<a href='#'><div title='Save' style='display:none' id='action_save_" + id + "' class='actionSave' onclick='inlineSave(" + id + ");'></div></a>";
ce = "<a href='#'><div title='Cancel' style='display:none' id='action_cancel_" + id + "' class='actionCancel' onclick='inlineCancel(" + id + ");'></div></a>";
jQuery("#list").setRowData(ids[i], { act: be + de + se + ce })
}
}
}).navGrid('#pager', { edit: false, add: false, del: false, search: false, refresh: false });
}

Comment puis-je appliquer Jquery boîte de Dialogue Modale pour JQGrid intégré de la boîte de dialogue de la peau?

Grâce,
Imdadhusen

Ce qui est sur le votre question précédente? Avez-vous lu ma réponse?
J'ai trouvé votre question intéressante, si +1, de moi et de ma réponse.
J'ai vérifié $("#load_list") à l'aide de firebug mais je ne pouvais pas trouver n'importe quel élément dans mon jqgrid même il n'y a aucun élément de pager_left, pager_center et pager_right dans mon cas, donc j'ai supposé que mon jqgrid de rendu sont différents indiqué par vous.
j'ai également soumis composant logiciel enfichable de mon jqgrid pied de page et le vôtre stackoverflow.com/questions/6646347/....
Je con pas vous suivre. La position d'origine de la #load_list ne sont pas dans le pager, mais vous pouvez déplacer n'importe quel élément de la page à un autre endroit à l'égard de jQuery.prependTo par exemple. mon démo faire ce que vous avez besoin?

OriginalL'auteur imdadhusen | 2011-07-14