javascript - Kendo grid column show/hide making issue with 80+ columns -


i have kendo grid around 80 columns. based on logic hiding/showing columns. first 20 columns static, , rest 60 depends on number of employees(eg:- if 20 employees 20 columns showing). deafault these 60 columns hidden. when loading data 40+ employees grid browser shows not responding. ie, takes time show/hide column.

please check code loading data

      $.ajax({             type: "post",             url: '@url.action("getdata", "employees")',             datatype: "json",             data: param,             success: function (response) {                 if (response != null) {                     var emplist = response.employees;                     grid.datasource.data([]);                     grid.datasource.data(response.items);                     //to change name header , hide/show crew name column                     if (emplist != null) {                         var listindex = 0;                                                 $('#grdemployees th[coltype]').each(function (i) {                                                      if ($(this).data().title == "hidecolumn") {                                 var datafield = "crew" + (listindex + 1);                                 $("#grdemployees thead [data-field=" + datafield + "] .k-link").html(emplist[listindex].name.tostring());                                                                      if (emplist[listindex].name.tostring() == "hidecolumn") {                                                                        $('#grdemployees').data("kendogrid").hidecolumn(datafield);                                  } else {                                                                         $('#grdemployees').data("kendogrid").showcolumn(datafield);                                   }                                   listindex++;                             }                         });                     }                                    }                            },             error: function (err) {                 console.log(json.stringify(err));                             }         });

please let me know alternative solution same.

i have resolved issue. taking time when using hidecolumn() , showcolumn() methods of kendo grid. replaced normal jquery hide() , show() methods.

check below code

i have replaced 

if (emplist[listindex].name.tostring() == "hidecolumn") {                                        $('#grdemployees').data("kendogrid").hidecolumn(datafield); } else {        $('#grdemployees').data("kendogrid").showcolumn(datafield);   }

with 

var colidx = $(this).index() + 1;  if (crewnamelist[listindex].name.tostring() == "hidecolumn") {                             $("#grdemployees table th:nth-child(" + colidx + "),td:nth-child(" + (colidx) + "),col:nth-child(" + (colidx-1) + ")").hide();                       } else {                             $("#grdemployees table th:nth-child(" + (colidx) + "),td:nth-child(" + (colidx) + "),col:nth-child(" + (colidx-1) + ")").show();                            }

it useful you.


Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -

i run blogger blog , use follow code javascript code (requires no jquery) show related post labels/categories of post. <script type='text/javascript'> var defaultnoimage=&quot;http://1.bp.blogspot.com/-m72rpguntq0/vuokijudn_i/aaaaaaaaboi/lq18sceunsg/w72/favicon-tik.png&quot;; var maxresults=16; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;related posts&quot;; </script> <script type='text/javascript'>//<![cdata[ var relatedtitles = new array(); var relatedtitlesnum = 0; var relatedurls = new array(); var thumburl = new array(); function related_results_labels_thumbs(json) { (var = 0; < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedtitles[relatedtitlesnum] = entry.title.$t; try { thumburl[relatedtitlesnum] = entry.media$thumbnail.url } catch (error) {...
Read more