Пример #1
0
        /// <summary>
        ///
        /// </summary>
        /// <param name="elementId">Oluşacak div elementinin id si</param>
        /// <param name="controller">Verinin çekileceği controller adı</param>
        /// <param name="action">Verinin çekileceği action adı</param>
        /// <param name="queryString">Action a gönderilecek querystring ler</param>
        /// <param name="previewPartialName">Loading in gösterileceği partial adı</param>
        /// <param name="method">İstek tipi</param>
        /// <param name="tempData">Harici tempdata ile gönderilecek script</param>
        /// <returns></returns>
        public static MvcHtmlString AsyncPartial(this HtmlHelper helper, string elementId, string controller, string action, string queryString = "", string previewPartialName = null, AjaxMethods method = AjaxMethods.GET, TempDataDictionary tempData = null)
        {
            var xo = $"x_{elementId}";
            var js = $"function get_{elementId}()" +
                     "{" +
                     $"var asyncElement= document.getElementById('div-{elementId}'); " +
                     $"var asyncElementLoading= document.getElementById('div-{elementId}-loading'); " +

                     "var " + xo + " = new XMLHttpRequest();" +
                     xo + ".onreadystatechange = function() {" +
                     "  if (" + xo + ".readyState == XMLHttpRequest.DONE ) {" +
                     "  if (" + xo + ".status == 200) {" +
                     $"asyncElement.innerHTML = " + xo + $".responseText.replace(/data-partial-refresh/ig, 'data-partial-refresh onclick=\"get_{elementId}()\"');" +
                     $"asyncElementLoading.style.display='none';" +
                     $"asyncElement.style.display='block';" +
                     "  }" +
                     "else if (" + xo + ".status == 400) {" +
                     "      alert('Error 400');" +
                     "    }" +
                     "else{" +
                     "      alert('Generic error');console.log(x_test1);" +
                     "    }" +
                     "  }" +
                     "};" +
                     $"asyncElementLoading.style.display='block';" +
                     $"asyncElement.style.display='none';" +
                     xo + $".open('{method}', '/{controller}/{action}{queryString}', true);" +
                     xo + ".send();" +
                     "};" +
                     $"get_{elementId}();";

            var stringPartial = helper.Partial(previewPartialName ?? "Global_preview");

            if (tempData != null)
            {
                tempData["script"] += js;
                return(MvcHtmlString.Create($"<div  id='div-{elementId}'>" + stringPartial + "</div>" +
                                            $"<div  id='div-{elementId}-loading' style='display:none'>" + stringPartial + "</div>"
                                            ));
            }
            else
            {
                return(MvcHtmlString.Create($"<div  id='div-{elementId}'>" + stringPartial + "</div>" +
                                            $"<div  id='div-{elementId}-loading' style='display:none'>" + stringPartial + "</div>" +
                                            "<script>" + js + "</script>"));
            }
        }
Пример #2
0
        public static MvcHtmlString AsyncPartial(this HtmlHelper helper, string controller, string action, string previewPartialName = null, AjaxMethods method = AjaxMethods.GET, TempDataDictionary TempData = null)
        {
            string xo = $"x_{controller}_{action}";
            string js = $"function get_{controller}_{action}()" +
                        "{" +
                        $"var d= document.getElementById('div-{controller}-{action}'); " +
                        $"var ds= document.getElementById('div-{controller}-{action}-sh'); " +

                        "var " + xo + " = new XMLHttpRequest();" +
                        xo + ".onreadystatechange = function() {" +
                        "  if (" + xo + ".readyState == XMLHttpRequest.DONE ) {" +
                        "  if (" + xo + ".status == 200) {" +
                        $"d.innerHTML = " + xo + ".responseText.replace(/data-partial-refresh/ig, 'data-partial-refresh onclick=\"get_{controller}_{action}()\"');" +
                        $"ds.style.display='none';" +
                        $"d.style.display='block';" +
                        "  }" +
                        "else if (" + xo + ".status == 400) {" +
                        "      alert('Error 400');" +
                        "    }" +
                        "else{" +
                        "      alert('Generic error');" +
                        "    }" +
                        "  }" +
                        "};" +
                        $"ds.style.display='block';" +
                        $"d.style.display='none';" +
                        xo + $".open('{method}', '/{controller}/{action}', true);" +
                        xo + ".send();" +
                        "};" +
                        $"get_{controller}_{action}();";

            MvcHtmlString StringPartial = PartialExtensions.Partial(helper, previewPartialName == null ? "Preview" : previewPartialName);

            if (TempData != null)
            {
                TempData["script"] += js;
                return(MvcHtmlString.Create($"<div  id='div-{controller}-{action}'>" + StringPartial.ToString() + "</div>" +
                                            $"<div  id='div-{controller}-{action}-sh' style='display:none'>" + StringPartial.ToString() + "</div>"
                                            ));
            }
            else
            {
                return(MvcHtmlString.Create($"<div  id='div-{controller}-{action}'>" + StringPartial.ToString() + "</div>" +
                                            $"<div  id='div-{controller}-{action}-sh' style='display:none'>" + StringPartial.ToString() + "</div>" +
                                            "<script>" + js + "</script>"));
            }
        }