Всплывающее окно всплывающей подсказки в MVC4

Я хочу открыть всплывающее окно модели с точки зрения в mvc4. Sceenshot этой всплывающей страницы enter image description here >Всплывающее окно всплывающей подсказки в MVC4

Я не знаю, как открыть всплывающее окно модели в MVC?

В настоящее время я использую window.showmodeldialog, но он не ищет efficient.I у гугла, но не смог найти подходящий result.Code моей текущей страницы, из которого я открытия всплывающего окна: -

@{ 
    Layout = null; 
} 



<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Claim Audit Admin </title> 
    @* @Styles.Render("~/Content/logincss") 
    @Styles.Render("~/Content/workbenchcss") 
    @Styles.Render("~/Content/appFramecss")*@ 
    <link href="~/Content/workbench.css" rel="stylesheet" /> 
    <link href="~/Content/style.css" rel="stylesheet" /> 
    <link href="~/Content/Button.css" rel="stylesheet" /> 
    <link href="~/Content/TabbedSection.css" rel="stylesheet" /> 
    <link href="~/Content/search.css" rel="stylesheet" type="text/css" /> 
    <link href="~/Content/searchFirefox.css" rel="stylesheet" type="text/css" /> 
    <link href="~/Content/normalize.css" rel="stylesheet" type="text/css" /> 
    <script src="~/Scripts/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript"> 
     var staticURL = "https://static-dev.mymitchell.com"; 
     var NoResultMsg = ""; 
     function enableButton() { 
      button.disableSpinner('#spinnertest'); 
      button.disableSpinner('#Smallbtn'); 
     } 

     $(function() { 
      applyFilter(true); 
      toggleSelectBtnOnCheck(); 

      $('#CreateSet').click(function (e) { 
       openPopup(); 
      }); 
     }); 

     function toggleSelectBtnOnCheck() { 
      //Register checkbox click handler to be called when Ajax requests complete. 
      $('.searchResultTable').ajaxComplete(function() { 
       $(':checkbox').click(function() // Bind the following anonymous function to all checkboxes click event. 
       { 
        //Check if any checkbox is checked... 
        if ($('input:checkbox:checked').length > 0) { 
         button.enable('#btnDelete'); 
        } 
        else { 
         button.disable('#btnDelete'); 
        } 
       }); 
      }); 
     } 

     function openPopup() { 
      var url = "/ClaimAuditAdmin/CreateNewSet/"; 
      var vReturnValue = openModalWindow(url, 'Create New Claims Audit Set', '300', '150', 'no'); 
     } 

     //This function is used to open any page as modal popup 
     function openModalWindow(sPage, sTitle, iWidth, iHeight, bScroll) { 

      var sModalPage = sPage; 
      if (sPage.indexOf("?") > 0) { 
       sModalPage += "&"; 
      } else { 
       sModalPage += "?"; 
      } 
      sModalPage += "title=" + sTitle 
      sWinProps = 'scroll:no; status: no; help: no;dialogWidth:19;dialogHeight:12;'; 

      var vRetVal = window.showModalDialog(sModalPage, window, sWinProps) 

      return vRetVal; 
     } 

     function blurOn() { 
      if (document.all.item("screenBlur") != null) { 
       document.all.screenBlur.style.display = ''; 
      } 
     } 

     function blurOff() { 
      if (document.all.item("screenBlur") != null) { 
       document.all.screenBlur.style.display = 'none'; 
      } 
     } 

    </script> 

    <script src="http://localhost/static/jquery/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
    <script src="http://localhost/static/jquery/jquery-ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script> 
    <script src="~/Scripts/MicrosoftAjax.js" type="text/javascript"></script> 
    <script src="~/Scripts/searchresults.js"></script> 
    <script src="~/Scripts/search.js" type="text/javascript"></script> 
</head> 
<body> 
    <table> 
     <tr> 
      <td class="breadcrumbs"> 
       @Html.Mitchell().BreadCrumb().AddCrumb(@CultureAPI.GlobalizeString("ClaimsAuditAdmin", "UAM_MANAGE_CLAIM_AUDIT")) 
      </td> 
     </tr> 
     <tr> 
      <td style="text-align: right"> 
       **@Html.Mitchell().Button().Name("CreateSet").Text(@CultureAPI.GlobalizeString("ClaimsAuditAdmin", "STATIC_CREATE_NEW_SET")).Enabled(true)** 
      </td> 
      <td></td> 
     </tr> 

     <tr> 
      <td> 

       <div> 
        @(Html.Mitchell().SearchResult("SearchResult", "../UnsentQueueService2.asmx/GetData") 
         .AddFilterSection("_ClaimAuditAdminView", "Filter") 
         .ExpandCriteria() 
         .ShowTopCap() 
         .HighlightRow() 
         .ShowCheckBoxes() 
         .AddFooterSection(@<text> 
        <table> 
         <tr> 
          <td> 
           @(Html.Mitchell() 
           .Button().Name("btnDelete").Text("Delete").Enabled(false) 
           ) 
          </td> 
         </tr> 
        </table> 
        </text>) 
         ) 
       </div> 
      </td> 
     </tr> 
    </table> 

</body> 

</html>

, так как я новичок в mvc, может ли кто-нибудь предоставить мне некоторые ссылки, чтобы открыть всплывающее окно модели в mvc4?

источник

2013-05-28 F11

Этот пример использования кода диалоговое JQuery UI http://stackoverflow.com/questions/17229992/show-partial-view-in-pop-up-window/17230722#17230722 –

Вы можете использовать this с открытым исходным кодом. Я использовал его в моем проекте ASP.NET MVC4, и это очень хороший метод.

источник

2013-05-28 05:57:39

Это дает ошибку 404. –

@Sangram, потому что они изменили URL страницы, но эта ссылка теперь доступна http://getbootstrap.com/javascript/#modals –

Вы можете использовать jQuery UI Dialogs. Я использовал их в своих проектах, и они хороши. посмотреть. http://jqueryui.com/dialog/

источник

2013-05-28 07:01:05

Всплывающее окно всплывающей подсказки в MVC4

ответ

Смежные вопросы