BeginFormSitefinity表單在提交後消失

Question

當我使用BeginFormSitefinity幫助器時，表單在提交後消失，然後回發完成。

預期的行爲將只是回發要完成。我去了瀏覽器並進行調查，發現當你使用BeginFormSitefinity時，一個額外的腳本被添加到你的html中。

該腳本基本上創建一個新的形式與顯示=無。並將您的表單附加到「隱形」表單中，因此您的表單在提交後會消失。

我正在使用Sitefinity 8.1，我想知道是否有任何方法可以避免這種情況？

這是添加的腳本（我有沒有對其進行控制）：

<script type="text/javascript"> 
      (function() { 
       var container = document.getElementById("myForm2"); 
       if (container === null) 
        return; 

       var inputs = container.querySelectorAll("input"); 
       var allInputs = document.forms["aspnetForm"].querySelectorAll('input'); 
       for (var i = 0; i < allInputs.length; i++) { 
        allInputs[i].addEventListener("invalid", function(event) { 
         if (Array.indexOf(inputs, document.activeElement) >= 0 && Array.indexOf(inputs, event.target) < 0) 
          event.preventDefault(); 
        }, true); 
       } 

       var submitClick = function() { 
        var isValid = true; 
        for (var i = 0; i < inputs.length; i++) { 
         if (typeof inputs[i].willValidate !== "undefined" && inputs[i].willValidate) 
          isValid = inputs[i].validity.valid && isValid; 

         if (typeof jQuery !== "undefined" && typeof jQuery.validator !== "undefined") 
          isValid = jQuery(inputs[i]).valid() && isValid; 
        } 

        if (isValid) { 
         var form = document.createElement("form"); 

         form.style.display = "none"; 
         form.setAttribute("action", "/order-calendar/Search"); 
         form.setAttribute("method", "POST"); 
         form.setAttribute("enctype", document.forms["aspnetForm"].getAttribute("enctype")); 
         form.setAttribute("encoding", document.forms["aspnetForm"].getAttribute("encoding"));        

         form.appendChild(container); 

         document.body.appendChild(form); 

         // We prevent kendo upload widget from submitting empty inputs. 
         var kInputs = container.querySelectorAll(".k-upload input[type='file']"); 
         for(var i = 0; i < kInputs.length; i++) { 
          var kInput = kInputs[i]; 
          if (!kInput.value) { 
           // Prevent submitting an empty input 
           kInput.setAttribute("disabled", "disabled"); 

           window.setTimeout(function() { 
            kInput.removeAttribute("disabled"); 
           }, 0); 
          } 
         } 

         form.submit(); 

         return false; 
        } 
       }; 

       var handleFormSubmitElements = function (elementName) { 
        var allSubmitElements = container.getElementsByTagName(elementName); 
        var elementCount = allSubmitElements.length; 
        while(elementCount) { 
         typeAttr = allSubmitElements[elementCount - 1].getAttribute("type"); 
         if(typeAttr == "submit") { 
          allSubmitElements[elementCount - 1].onclick = submitClick; 
         } 
         elementCount--; 
        } 
       }; 

       handleFormSubmitElements("input"); 
       handleFormSubmitElements("button"); 
      })(); 
     </script> 

這是我的形式（其值是自動讀取，這就是爲什麼的onkeydown返回false）：

@using (Html.BeginFormSitefinity("Search", "myForm2")) 
    { 
    <div id="main_content" style="max-width: 600px; max-height:700px;float:left;overflow: hidden;"> 

    <table> 
       <tr><td colspan="2" style="text-align:center;">@Html.Label("City")</td></tr> 

       <tr> 
        <td>@Html.Label("Code") </td> 
        <td> 

         @Html.Kendo().TextBoxFor(x => x.Code).HtmlAttributes(new { onkeydown = "return false", style = "color: green; width:100%;", id = "Code" }) 
        </td> 
       </tr> 
       <tr> 
        <td>@Html.Label("City Code") </td> 
        <td> 

         @Html.Kendo().TextBoxFor(x => x.CityCode).HtmlAttributes(new { onkeydown = "return false", style = "color: green; width:100%;", id = "CityCode" }) 
        </td> 
       </tr> 

     </table> 

    <input type="submit" class="btn btn-success" value="submit"> 
} 

這是視覺上發生的情況：

Answer 1

，如果你正在使用混合MVC（這是MVC小部件的webforms版本），那麼我相信沒有辦法避免這種情況。

此之前V8.1你上面貼是不同的，並會修改Web表單頁面的實際形式標籤張貼到您的自定義操作的JavaScript ...

現在看來他們提交到表單標籤建立在飛MVC的小部件

有一件事我注意到他們仍然是ID的FORM標籤硬編碼爲「aspnetForm」，所以如果你的母版頁不使用顯式，具體的ID那麼這可能是一個可能的原因...

如果您在表單發佈的操作中設置了斷點，您是否遇到了問題？

Answer 2

我們的團隊也有同樣的問題。被創建了Telerik的支持票。並且有一個答案：

基本上，這是使用BeginFormSitefinity時的預期行爲。發生這種情況的原因是因爲在ASP.NET Web表單中只允許在頁面上使用runat =「sever」的一種形式。這就是爲什麼BeginFormSitefinity默認呈現爲div，並且在點擊提交按鈕時動態創建和提交表單的原因。爲了克服這種行爲，你需要創建一個自定義幫手和HybridForm。有關如何創建自定義HybridForm的更多信息，請參閱以下StackOverflow answer。