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. Image for the cookie policy date

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

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

                                                   .Datasource(datasource => datasource.URL(@Url.Action("Search")).UpdateURL(@Url.Action("Update")).InsertURL(@Url.Action("Create"))
                                                    .EditSettings(edit => { edit.AllowAdding().AllowEditing().AllowEditOnDblClick(false).EditMode(EditMode.InlineForm).ShowConfirmDialog(true).TitleColumn("Code"); })
                                                        .ToolbarSettings(toolbar =>
                                                            toolbar.ShowToolbar().ToolbarItems(items =>
                              .SortSettings(builder => builder.SortedColumns(col => col.Field("Code").Direction(SortOrder.Ascending).Add()))
                                                  .FilterSettings(filter => { filter.FilterType(FilterType.Excel).FilteredColumns(col => col.Field("Available").Operator(FilterOperatorType.Equals).Value("Enabled").Add()); })
                                                  .Columns(col =>
                                                      col.Field(x => x.IsVerified)
                                                      col.Field(x => x.Id)
                                                      col.Field(x => x.Code)
                                                                  + "{{:Code}}"
                                                                  + "
                                                        .ValidationRules(v => v.AddRule("required", true))
                                                      col.Field(x => x.Description)
                                                      col.Field(x => x.Handing)
                                                      col.Field(x => x.Range)
                                              .TextAlign(TextAlign.Left).ValidationRules(v => v.AddRule("required", true)).DataSource(ViewBag.LstRanges).EditType(EditingType.DropdownEdit)
                                                      col.Field(x => x.Rule)
                                             .TextAlign(TextAlign.Left).ValidationRules(v => v.AddRule("required", true)).EditType(EditingType.DropdownEdit)
                                                      col.Field(x => x.Available)
                                              .HeaderText(" ")
                                                      .Template(" View" +
                                                      "Edit" +
                                                      "Duplicate" +
                                                      "{{if IsActive}}" +
                                                      "Disable" +
                                                      "{{else}}" +
                                                      "Enable" +
                                  .ClientSideEvents(events =>

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();

        public ActionResult Search(DataManager dataManager)
            var products = _productsService.GetAllProducts().ToList();

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

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

        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();


        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(

            bundles.Add(new ScriptBundle("~/js/syncfusion").Include(

1 Reply

VN Vignesh Natarajan Syncfusion Team 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. 

Vignesh Natarajan 

Live Chat Icon For mobile
Up arrow icon