new Grid页面卡住

zhangql8 · 发表于 2017-10-12 16:18:25

jishuang 发表于 2017-10-11 14:10
重复创建grid是要把xid相同的删除

F12打开浏览器的开发人员调试工具看看network中的监控具体什么请求卡的 ...

看不明白这个

jishuang · 发表于 2017-10-12 16:42:45

右侧的Headers中看看具体的是哪个action的请求

zhangql8 · 发表于 2017-10-12 20:55:58

本帖最后由 zhangql8 于 2017-10-12 20:58 编辑

jishuang 发表于 2017-10-12 16:42
右侧的Headers中看看具体的是哪个action的请求

从截图看每次执行的时间都差不多，但是页面却越来越慢，我觉得是页面渲染的问题，因为每次new Grid代码都比上次多。但是都给执行remove，每次new的数据都删除了。
那应该还是new Grid问题。

jishuang · 发表于 2017-10-13 10:39:40

因为每次new Grid代码都比上次多说明没有删除完整

本地测试过多次创建的没问题

zhangql8 · 发表于 2017-10-13 11:38:35

jishuang 发表于 2017-10-11 09:13
参考下面的方式看看

这里的option代码贴来看看。

jishuang · 发表于 2017-10-13 14:19:47

Model.prototype.button5Click = function(event) {
var me = this;
var parentNode = me.getElementByXid("content2");
var option = {
parentNode : parentNode,
// grid的属性，设计时有的属性都可以设置
xid : "gridMain",
data : "data1",
width : '100%',
height : 'auto',
hiddenCaptionbar : 'true',
multiselect : 'true',
multiboxonly : 'true',
multiselectWidth : '15',
useFilterBar : true,
showRowNumber : true,
rowNumberWidth : '20',
directEdit : 'true',
serverSort : 'true',
altRows : 'true',
appearance : 'grid',
useFooter : true,
rowAttr: "{style:'background:yellow;'}",
// 列定义
colModel : [ {
name : "fName",
xid : "column1",
label : "名称",
formatter : this.clink
}, {
name : "fCode",
xid : "column2",
label : "编码",
searchoptions : {
sopt : [ 'eq', 'ne', 'bw' ]
}
}, {
name : "fSZ",
xid : "columns3",
label : "数值",
editType : "text",
editable : true
}, {
name : "fText",
xid : "columns4",
label : "备注",
inputtype : "text",
editable : true
} ]
};
var gridid = this.getIDByXID("gridMain");
if (gridid) {
$("#" + gridid).remove();
$(".x-grid-view").parent().remove()
new Grid(option);
};

复制代码

zhangql8 · 发表于 2017-10-13 19:35:30

本帖最后由 zhangql8 于 2017-10-13 19:55 编辑

jishuang 发表于 2017-10-13 14:19

new Grid的数据，见附件，
Model.prototype.createGrid = function(event) {
  //debugger;
  //$(this.getElementByXid("sampleGrid")).empty();
  var gridid = this.getIDByXID("gridMain");
  if (gridid) {
$("#" + gridid).remove();
$(".x-grid-view").parent().remove();
  }
  var sampleColData = this.comp('sampleColData');
  var tempData = this.comp("tempData");
  var filter = "LA_SAMPLEFIELDCONFIG.fSAMPLECODE = '"+tempData.getValue("code")+"'";
  sampleColData.setFilter("filter", filter);
      sampleColData.refreshData();
  var cols = [];
  var filterCols="";
  var i=1;
  sampleColData.each(function(param){
var col = {xid:"column"+i,name:param.row.val("column_name"),width:param.row.val("fCOLUMNWIDTH")};
if(param.row.val("fHIDE")==="否"){
cols.push(col);
}
filterCols += param.row.val("column_name")+",";
  });
  this.comp("bizFilter1").set({'filterCols':filterCols});
  var parentNode = this.getElementByXid("sampleGrid");
  var option = {
parentNode : parentNode,
//grid的属性，设计时有的属性都可以设置,
xid : 'gridMain',
data: "mainData",
width: '100%',
height:'100%',
multiselect: true,
hiddenCaptionbar: true,
showRowNumber: true,
onRowClick:'',
onCellRender:'onCellRender',
appearance : 'grid',
altRows : true,
useFooter : false,
frozenColumnCount : 2,
class : 'x-grid-no-bordered',
// 列定义
colModel : cols
  };
  new Grid(option);
  this.refresh(event);
};

zhangql8 · 发表于 2017-10-13 19:55:00

jishuang 发表于 2017-10-13 14:19

问题已确认，是冻结列【frozenColumnCount : 2,】这个属性的原因，去掉就没以上问题，请确认。

jishuang · 发表于 2017-10-16 10:43:17

删除改为下面的看看

            var gridid = this.getIDByXID("gridMain");
            if (gridid) {

                     $("#gbox_" + gridid).remove();

            }

zhangql8 · 发表于 2017-10-16 16:15:53

jishuang 发表于 2017-10-16 10:43
删除改为下面的看看

var gridid = this.getIDByXID("gridMain");

还是不行，是不是new grid的问题

		自动登录	找回密码
密码			注册

[处理中5] new Grid页面卡住