मोडल इश्यू

Question

के साथ Jquery संवाद के अंदर केंडो ग्रिड jquery संवाद के अंदर मेरे पास एक केंडो ग्रिड नियंत्रण है। यह ठीक काम करता है सिवाय इसके कि जब संवाद मोडल सत्य है, मैं ग्रिड फ़िल्टर पर काम करने में सक्षम नहीं हूं। यदि संवाद मोडल गलत है, तो यह पूरी तरह से काम करता है। मेरे लिए मोडल सच्ची तरह की कार्यक्षमता लागू करना आवश्यक है।

Jquery संवाद कोड:

यहाँ मुद्दे के स्नैपशॉट है

$('#dialog').dialog({ 
    title: 'Add Patient', 
    height: 'auto', 
    width: '95%', 
    position: ['top', 70], 
    draggable: false, 
    show: 'blind', 
    hide: 'blind', 
    modal: true, 
    resizable: false, 
    open: function (event, ui) { 
    var url='@Url.Action("AddPatient", "PatientManagement")'; 
    $(this).load(url); 
    }, 
    close: function (event, ui) { 
    $(this).html(''); 
    } 
}); 

केंडो ग्रिड:

@(Html.Kendo().Grid<RxConnectEntities.Patient>().Name("PatientList") 
    .Columns(columns => 
    { 
    columns.Bound(p => p.PatientID).Visible(false); 
    columns.Bound(p => p.LastName).Width(100); 
    columns.Bound(p => p.FirstName).Width(100); 
    columns.Bound(p => p.Gender).Width(80); 
    columns.Bound(p => p.DateOfBirth).Width(90).Format("{0:MM/dd/yyyy}").EditorTemplateName("DateOfBirth"); 
    columns.Bound(p => p.PhoneNumber).Title("Phone Number").Width(110); 
    columns.Command(command => 
    { 
     command.Custom("Edit").Text("Edit").Click("EditGrid"); 
    }).Width(120); 
    }) 
    .Filterable(f=>f.Enabled(true)) 
    .Pageable(p => p.PageSizes(true)) 
    .Scrollable() 
    .Sortable() 
    .Groupable() 
    .DataSource(dataSource => dataSource 
    .Ajax().ServerOperation(false) 
    .PageSize(5) 
    .Model(m => m.Id(p => p.PatientID)) 
    .Read(read => read.Action("GetPatientList", "PatientManagement")) 
    .Destroy(delete => delete.Action("Deletepatient", "PatientManagement")) 
)) 

Answer 1

उपयोग KendoWindow आपकी समस्या का समाधान होगा। उदाहरण:

$('#dialog').kendoWindow({ 
    title: 'Add Patient', 
    height: 'auto', 
    width: '95%', 
    position: ['top', 70], 
    draggable: false, 
    show: 'blind', 
    hide: 'blind', 
    modal: true, 
    resizable: false, 
    open: function (event, ui) { 
    var url='@Url.Action("AddPatient", "PatientManagement")'; 
    $(this).load(url); 
    }, 
    close: function (event, ui) { 
    $(this).html(''); 
    } 
}); 

Answer 2

jQuery के यूआई js में, आप बस निम्नलिखित कोड

enter code here 
this._delay(function() { 
       // Handle .dialog().dialog("close") (#4065) 
       if ($.ui.dialog.overlayInstances) { 
        this.document.bind("focusin.dialog", function(event){ 
         if (!that._allowInteraction(event)) { 
          event.preventDefault(); 
          $(".ui-dialog:visible:last .ui-dialog-content") 
           .data(widgetFullName)._focusTabbable(); 
         } 
        }); 
       } 
      }); 

यह मेरी समस्या का समाधान हो, अपनी जरूरत के साथ बदलने के लिए या करने की कोशिश खोजने की कोशिश सिर्फ यह टिप्पणी

मैं एक केंडो ड्रॉपडाउन सूची का उपयोग करने की कोशिश की,

Jquery UI संवाद के साथ, केंडो ड्रॉपडाउन सूची खुलती है और तुरंत बंद हो जाती है, इसलिए मैंने पाया कि यह विशेष कोड एम ऐसा होता है कि हमले।