We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Getting Console Error while press Add/Edit button when using dropdown for sometime when grid loads

Thread ID:

Created:

Updated:

Platform:

Replies:

141009 Nov 17,2018 03:31 PM UTC Nov 19,2018 12:57 PM UTC ASP.NET MVC 1
loading
Tags: Grid
Sandip
Asked On November 18, 2018 11:42 AM UTC

Hello I am using syncfusion grid.

When grid loads for a few seconds (from 2 to 20 ) when it tries to click add button it throws me below error in console. after some time this error is is disappeared.  but from my understanding, it looks like the issue is that javascript is not loaded in that time.  and also i realize that this is only happened when you use DropdownEdit or dropdown in editfrom for column.

Uncaught TypeError: n.render[(this._id + "_JSONDialogEditingTemplate")] is not a function
    at Object._add (ej.web.all.min.js:10)
    at Object.sendDataRenderingRequest (ej.web.all.min.js:10)
    at Object._processBindings (ej.web.all.min.js:10)
    at Object._startAdd (ej.web.all.min.js:10)
    at Object._toolbarOperation (ej.web.all.min.js:10)
    at Object._toolBarClick (ej.web.all.min.js:10)
    at Object._trigger (ej.web.all.min.js:10)
    at Object._onItemClick (ej.web.all.min.js:10)
    at HTMLLIElement. (ej.web.all.min.js:10)
    at HTMLLIElement.dispatch (jquery-3.1.1.min.js:3)


Below is my view code

@(Html.EJ().Grid("Products")
                                                   .Datasource(datasource => datasource.URL(@Url.Action("Search")).UpdateURL(@Url.Action("Update")).InsertURL(@Url.Action("Create"))
                                                   .Adaptor(AdaptorType.UrlAdaptor))
                                                    .EditSettings(edit => { edit.AllowAdding().AllowEditing().AllowEditOnDblClick(false).EditMode(EditMode.InlineForm).ShowConfirmDialog(true).TitleColumn("Code"); })
                                                        .ToolbarSettings(toolbar =>
                                                        {
                                                            toolbar.ShowToolbar().ToolbarItems(items =>
                                                            {
                                                                items.AddTool(ToolBarItems.Add);
                                                            });
                                                        })
                                                  .AllowFiltering()
                                                  .AllowSorting()
                              .SortSettings(builder => builder.SortedColumns(col => col.Field("Code").Direction(SortOrder.Ascending).Add()))
                                                  .AllowPaging()
                                                  .AllowResizing()
                                                  .EnableAltRow()
                                                  .EnableHeaderHover()
                                                  .EnableRowHover(false)
                                                  .FilterSettings(filter => { filter.FilterType(FilterType.Excel).FilteredColumns(col => col.Field("Available").Operator(FilterOperatorType.Equals).Value("Enabled").Add()); })
                                                  .Columns(col =>
                                                  {
                                                      col.Field(x => x.IsVerified)
                                                          .HeaderText("JS")
                                                          .Template("")
                                                          .TextAlign(TextAlign.Center).AllowEditing(false)
                                                          .Width(45)
                                                          .Add();
                                                      col.Field(x => x.Id)
                                                           .HeaderText("Id")
                                                           .TextAlign(TextAlign.Left).IsPrimaryKey(true).AllowEditing(false).Visible(false)
                                                           .Width(100)
                                                           .Add();
                                                      col.Field(x => x.Code)
                                                        .Template("
"
                                                                  + "{{:Code}}"
                                                                  + "
")
                                                        .HeaderText("Code")
                                                        .TextAlign(TextAlign.Left)
                                                        .ValidationRules(v => v.AddRule("required", true))
                                                        .Width(100)
                                                        .Add();
                                                      col.Field(x => x.Description)
                                            .HeaderText("Description").AllowEditing(false)
                                            .TextAlign(TextAlign.Left)
                                            .Width(100)
                                            .Add();
                                                      col.Field(x => x.Handing)
                                              .HeaderText("Handing")
                                              .TextAlign(TextAlign.Left).DataSource(ViewBag.LstHandings).EditType(EditingType.DropdownEdit)
                                              .Width(45)
                                              .Add();
                                                      col.Field(x => x.Range)
                                              .HeaderText("Range")
                                              .TextAlign(TextAlign.Left).ValidationRules(v => v.AddRule("required", true)).DataSource(ViewBag.LstRanges).EditType(EditingType.DropdownEdit)
                                              .Width(120)
                                              .Add();
                                                      col.Field(x => x.Rule)
                                             .HeaderText("Rule")
                                             .TextAlign(TextAlign.Left).ValidationRules(v => v.AddRule("required", true)).EditType(EditingType.DropdownEdit)
                                             .Width(100)
                                             .Add();
                                                      col.Field(x => x.Available)
                                              .Width(70)
                                              .HeaderText(" ")
                                              .CssClass("available")
                                              .TextAlign(TextAlign.Left).AllowEditing(false)
                                              .Add();
                                                      col.HeaderText("Actions")
                                                      .Template(" View" +
                                                      "Edit" +
                                                      "Duplicate" +
                                                      "{{if IsActive}}" +
                                                      "Disable" +
                                                      "{{else}}" +
                                                      "Enable" +
                                                      "{{/if}}"
                                                  ).AllowEditing(false)
                                                    .TextAlign(TextAlign.Center)
                                                    .Width(140).
                                                    Add();
                                                  })
                                  .ClientSideEvents(events =>
                                  {
                                      events.ActionFailure("mrp.products.actionFailure");
                                      events.ActionComplete("mrp.products.actionComplete");
                                      events.DataBound("mrp.products.dataBound");
                                      events.RowDataBound("mrp.products.rowDataBound");
                                  })
)

And Controller  is


 public ActionResult Index()
        {
            List lstRanges = _rangesService.GetAllRanges().ToList().Select(dc => new dropDown { text = dc.Name, value = dc.Id.ToString(), }).ToList();
            ViewBag.LstHandings = _productsService.GetAllHandings().ToList().Select(dc => new dropDown { text = dc, value = dc, }).ToList();
            ViewBag.LstRanges = lstRanges;
            return View();
        }

        [HttpPost]
        public ActionResult Search(DataManager dataManager)
        {
            var products = _productsService.GetAllProducts().ToList();

            var data = ApplySearch(dataManager, products, out var count);

            return Json(new { result = data, count });
        }

 [HttpPost]
        public ActionResult Update(UpdateProductViewModel value)
        {
            var product = _productsService.GetProductById(value.Id);

            if (product == null)
                return InvalidRequest();

            var existingProduct = _productsService.GetProductByCodeAndDifferentId(value.Code, value.Id);

            if (existingProduct != null)
            {
                HttpContext.Response.StatusCode = (int)System.Net.HttpStatusCode.BadRequest;
                return Json(new { Success = false, Error = "Code must be unique!" }, JsonRequestBehavior.AllowGet);
            }

            Mapper.Map(value, product);

            var result = _productsService.UpdateProduct(product);
            if (result.Success)
                return Json(new { Success = true }, JsonRequestBehavior.AllowGet);

            return FalseAjaxResponse();

        }

        [HttpPost]
        public ActionResult Create(CreateProductViewModel value)
        {
            var product = Mapper.Map(value);
            product.IsActive = true;
            product.IsVerified = false;
            product.DateCreated = DateTime.UtcNow;
            product.DateUpdated = DateTime.UtcNow;

            var existingProduct = _productsService.GetProductByCode(value.Code);

            if (existingProduct != null)
            {
                HttpContext.Response.StatusCode = (int)System.Net.HttpStatusCode.BadRequest;
                return Json(new { Success = false, Error = "Code must be unique!" }, JsonRequestBehavior.AllowGet);
            }

            var result = _productsService.CreateProduct(product);

            return Json(new { Success = true }, JsonRequestBehavior.AllowGet);

        }

In bundleconfig, I have below things loaded from sycnfusion

   // jQuery
            bundles.Add(new ScriptBundle("~/js/main").Include(
                        "~/Assets/js/libs/jquery-3.1.1.min.js",
                        "~/Assets/js/libs/bootstrap.min.js",
                        "~/Assets/js/libs/plugins/validate/jquery.validate.min.js",
                        "~/Assets/js/libs/plugins/validate/jquery.validate.unobtrusive.min.js",
                        "~/Assets/js/libs/plugins/unobtrusive/jquery.unobtrusive-ajax.min.js",
                        "~/Assets/js/libs/plugins/jquery-ui/jquery-ui.min.js",                        
                        "~/Assets/js/libs/plugins/metisMenu/metisMenu.min.js",
                        "~/Assets/js/libs/plugins/pace/pace.min.js",
                        "~/Assets/js/libs/plugins/slimscroll/jquery.slimscroll.min.js",
                        "~/Assets/js/libs/plugins/datapicker/bootstrap-datepicker.js",
                        "~/Assets/js/libs/plugins/toastr/toastr.min.js",
                        "~/Assets/js/libs/plugins/select2/select2.full.min.js",
                        "~/Assets/js/libs/plugins/moment/moment.min.js",
                        "~/Assets/js/app/inspinia.js",
                        "~/Assets/js/app/validators.js",
                        "~/Assets/js/app/app.js",
                        "~/Assets/js/app/util.js"
                        ));

            bundles.Add(new ScriptBundle("~/js/syncfusion").Include(
                "~/Assets/js/libs/jsrender.min.js",
                "~/Assets/js/libs/plugins/ej/ej.web.all.min.js",
                "~/Assets/js/libs/plugins/ej/ej.unobtrusive.min.js"   




Vignesh Natarajan [Syncfusion]
Replied On November 19, 2018 12:57 PM UTC

Hi Sandip, 

Thanks for using Syncfusion products 

Query#:- Uncaught TypeError: n.render[(this._id + "_JSONDialogEditingTemplate")] is not a function 

From your query, we understand that you are facing issue while adding a records with Dropdownlist control in ejGrid. We have prepared a sample using dropdownEdit as like your code example but we are unable to reproduce above script error at our end.  

Please refer to the sample Link 


We need some additional information to find the cause of the issue. Please share us  the following details. 

1. Have you used any DialogTemplate in your Grid?. If so please share the complete Grid code example(both in server and client side) .  
2. Video Demo to replicate the issue. 
3. You have mentioned Grid loads for a few seconds (from 2 to 20 ). Is there any time delay while retrieving the data or you have used Timedelay for Grid loading. 
4. If possible replicate the issue in the above sample and revert us back. 
5. Share your essential studio version. 

Regards, 
Vignesh Natarajan 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;