Wie jqGrid auf dem modalen Dialog jquery

Ich rufe die Funktion GetGrid_Data() laden die jqGrid zu laden ... Aber kein Glück. Ist das die Art, wie man Inhalt auf den modalen Dialog lädt, wenn nicht bitte den Weg vorschlagen..Danke im Voraus.Wie jqGrid auf dem modalen Dialog jquery

function ClickFirstName() { 
    $('.GetLink').click(function() { 
     $('#dialog-box').dialog({ 
     title: "Ageing details", 
     modal: true, 
     draggable: false, 
     width: '50%', 
     height: 500, 
     open: function(){ 
     GetGrid_Data(); 
     }, 
     buttons: { 
     "Close": function() { 
     $(this).dialog("close"); 
     } 
     } 
     }); 
     }); 
     //Get_Dialog(); 
    } 
    function GetGrid_Data() { 
       alert("Hello"); 
       $('#grid2').jqGrid({ 
        data: pateintsData, 
        datatype: 'local', 
        colNames: ['Speciality', 'LIP', 'Days', 'PLA'], 
        colModel: [ 
       { name: 'Speciality', index: 'Speciality', width: 200, align: 'center' }, 
       { name: 'LIP', index: 'LIP', align: 'center', width: 200, editable: true }, 
       { name: 'Days', index: 'Days', align: 'center', width: 200, editable: true }, 
        { name: 'PLA', index: 'PLA', align: 'center', width: 300, editable: true } 
        ], 
         //onSortCol: function (name, index) { alert("Column Name: " + name + " Column Index: " + index); }, 
         sortname: 'Speciality', 
         editurl: "clientArray", 
         sortorder: 'asc', 
         scrollOffset: 0, 
         gridview: true, 
         hidegrid: false, 
         height: 680, 
         shrinkToFit: true, 
         altRows: true, 
         altclass: 'myAltRowClass', 
         viewrecords: true 
        }); 
       } 
      });

Quelle

2016-11-29 Supreeth

Ist '

' innerhalb des div mit id = "Dialogfenster" (Dialog)? Welche Version von jqGrid benutzt du und von welcher Abzweigung von jqGrid ([freies jqGrid] (https://github.com/free-jqgrid/jqGrid), kommerzielles [Guriddo jqGrid JS] (http://guriddo.net/?page_id = 103334) oder ein altes jqGrid in Version <= 4.7)? Welche Version von jQuery UI verwenden Sie? Es ist besser, wenn Sie die Demo erstellen (zum Beispiel in jsfiddle), die das Problem reproduziert. – Oleg

''# grid2'' sollte innerhalb des modalen Dialogs html sein. –

@Oleg Danke für die Antwort .... Ich bin mit jqGrid Version 4.5.2 und die # grid2 ist innen „Dialog“ die div für modalen Dialog ... Ich bin jQuery 1.2.1 Version mit ... Gibt es jede andere Option als offen, wo ich den jqGrid-Code enthalten kann – Supreeth

Basierend auf Ihrem Code müssen Sie den Dialog an HTML-Körper anhängen. Versuchen Sie Folgendes tun:

$('.GetLink').click(function() { var $div = $('<div id="dialog-box"> + '<div id="grid2Div">' + '<table id="grid2"></table>' + '<div id="grid2"></div></div></div>'; $('body').append($div); $('#dialog-box').dialog({

Lassen Sie uns wissen, ob es funktioniert. Prost!

Quelle

2016-11-30 08:40:38

Wie jqGrid auf dem modalen Dialog jquery

Antwort

Verwandte Themen