jquery - JQueryUI - Dialog over dialog not working in Chrome/IE -
i relatively new jquery , struggling following scenario in chrome/ie. it works in ff. have import dialog import number of records. while import in progress want show progress bar trying render modal dialog progress bar. chrome/ie won't render waitdialog.
here source code:
$("#itemimportviewdlg").dialog({ width: 600, height: 650, modal: true, dialogclass: "no-close", resizable: false, draggable: false, title: "import data", closeonescape: false, //dont allow esc close dlg buttons: { "import": function() { $("#waitdialog").dialog({ width: 350, height: 150, modal: true, dialogclass: "no-close", resizable: false, draggable: false, title: "progress...", stack: true, closeonescape: false, //dont allow esc close dlg }); $( "#waitdialog" ).dialog( "movetotop" ); var weight = importitemstbl.fngetnodes().length / 100; $("#importprogress").attr("aria-valuemax", $("input:checked", importitemstbl.fngetnodes()).length); $("input:checked", importitemstbl.fngetnodes()).each(function(){ // import functionality var progcnt = (itemaddedcnt/weight>>0); $('#importprogress').css('width', progcnt+'%').attr('aria-valuenow', progcnt); $("#importprogress").text(progcnt+'%'); }); }); $("#waitdialog").dialog("destroy");
Comments
Post a Comment