extjs的grid渲染数据出现空白段

有个grid需要加载一百多条数据,但是显示的时候,数据总条数和数据都是正确的,但是向下滑动滚动条,每隔47行就会出现一段空白,向下滑过空白段之后,再向上滑动滚动条时,空白段又会出现在36行。。。网上搜不到资料,有没有人遇到过相同的问题?或者能给我一些提示的?在线等,谢谢!
图片说明

补充代码:
//grid定义

        xtype: 'grid',
        id:'thirdPartyOrderListGrid',
        width: '100%',
        height: 415,
        viewConfig:{
            enableTextSelection : true,
            getRowClass:function(record, index, rowParams, store){
                 return record.get('flag')=='1'?"child-row":"";
            }
        },
        listeners:{
            itemdblclick:function(dataview,record, item, index, e){
                var win = Ext.widget("thirdPartyOrderHandEditWin");
                win.down("form").loadRecord(record);
                win.show();
            }
        },
        autoRender:true,
        columnLines: true,
        loadMask: true, //读取数据时的遮罩和提示功能即加载loding...
        resizable: true,
        forceFit: false,
        collapsible:false,
        titleCollapse:false,
        selModel : new Ext.selection.CheckboxModel(),
        plugins:[  
                 Ext.create('Ext.grid.plugin.CellEditing',{  
                     clicksToEdit:2 //设置单击单元格双击编辑  
                 })  
        ],
        store: Ext.create('Ext.data.Store', {
            fields:[{
                name : 'flag'
            },{
                name : 'errorMsg'
            },{
                name : 'orderId'
            },{
                name : 'skuId'
            },{
                name : 'iid'
            }
                ···
            ]
        }),
        columns : {
            items:[
                { text:'序号',xtype: 'rownumberer',width: 50},
                { text: 'flag',dataIndex: 'flag',width: 150,align: 'center',hidden:true},
                { text: '错误信息',dataIndex: 'errorMsg',width: 150,align: 'center',
                    renderer: function(value, meta, record) {//超长自动换行
                        meta.style = 'overflow:auto;padding: 3px 6px;text-overflow: ellipsis;white-space: nowrap;white-space:normal;line-height:20px;';   
                        return value;   
                   }
                },
                { text: '订单编号',dataIndex: 'orderId',width: 150,align: 'center'},
                { text: '平台商品码',dataIndex: 'skuId',width: 150,align: 'center'},
                { text: '平台商品款码',dataIndex: 'iid',width: 150,align: 'center'},
                ···
            ],
            defaults: {
                align: 'center',
                sortable:false,
                menuDisabled : true
            }
        },
        dockedItems : [{
            ···
        }]
        }]
    //grid的赋值
    form.submit( {
    waitMsg : '请稍等.....',
    url :  basePath + '···.spmvc',
    method : 'post',
    timeout:600000,
    params : formValues,
    success : function(form,action) {
        win.close();
        result = action.result;
        var batchList = result.batchList;
        console.dir(batchList);
        var store = Ext.getCmp('thirdPartyOrderListGrid').store;
        store.add(batchList);
    },
    failure : function(form,action) {
        Ext.Msg.alert('执行结果', action.result.msg);
    }
});

部分用省略号代替了,从代码上看不出什么问题···

3个回答

你应该把代码贴出来,也许是代码什么地方出差

x291944973
x291944973 代码贴出来了!
接近 3 年之前 回复

补充代码:
//grid定义

            xtype: 'grid',
            id:'thirdPartyOrderListGrid',
            width: '100%',
            height: 415,
            viewConfig:{
                enableTextSelection : true,
                getRowClass:function(record, index, rowParams, store){
                     return record.get('flag')=='1'?"child-row":"";
                }
            },
            listeners:{
                itemdblclick:function(dataview,record, item, index, e){
                    var win = Ext.widget("thirdPartyOrderHandEditWin");
                    win.down("form").loadRecord(record);
                    win.show();
                }
            },
            autoRender:true,
            columnLines: true,
            loadMask: true, //读取数据时的遮罩和提示功能即加载loding...
            resizable: true,
            forceFit: false,
            collapsible:false,
            titleCollapse:false,
            selModel : new Ext.selection.CheckboxModel(),
            plugins:[  
                     Ext.create('Ext.grid.plugin.CellEditing',{  
                         clicksToEdit:2 //设置单击单元格双击编辑  
                     })  
            ],
            store: Ext.create('Ext.data.Store', {
                fields:[{
                    name : 'flag'
                },{
                    name : 'errorMsg'
                },{
                    name : 'orderId'
                },{
                    name : 'skuId'
                },{
                    name : 'iid'
                }
                    ···
                ]
            }),
            columns : {
                items:[
                    { text:'序号',xtype: 'rownumberer',width: 50},
                    { text: 'flag',dataIndex: 'flag',width: 150,align: 'center',hidden:true},
                    { text: '错误信息',dataIndex: 'errorMsg',width: 150,align: 'center',
                        renderer: function(value, meta, record) {//超长自动换行
                            meta.style = 'overflow:auto;padding: 3px 6px;text-overflow: ellipsis;white-space: nowrap;white-space:normal;line-height:20px;';   
                            return value;   
                       }
                    },
                    { text: '订单编号',dataIndex: 'orderId',width: 150,align: 'center'},
                    { text: '平台商品码',dataIndex: 'skuId',width: 150,align: 'center'},
                    { text: '平台商品款码',dataIndex: 'iid',width: 150,align: 'center'},
                    ···
                ],
                defaults: {
                    align: 'center',
                    sortable:false,
                    menuDisabled : true
                }
            },
            dockedItems : [{
                ···
            }]
            }]
        //grid的赋值
        form.submit( {
        waitMsg : '请稍等.....',
        url :  basePath + '···.spmvc',
        method : 'post',
        timeout:600000,
        params : formValues,
        success : function(form,action) {
            win.close();
            result = action.result;
            var batchList = result.batchList;
            console.dir(batchList);
            var store = Ext.getCmp('thirdPartyOrderListGrid').store;
            store.add(batchList);
        },
        failure : function(form,action) {
            Ext.Msg.alert('执行结果', action.result.msg);
        }
    });

部分用省略号代替了,从代码上看不出什么问题···

自己chrome审查下元素看有空白内容的行有什么特殊样式或者内容没有,你代码有个
getRowClass:function(record, index, rowParams, store){
return record.get('flag')=='1'?"child-row":"";
}
配置,child-row样式有什么东西

x291944973
x291944973 就是定义了一下行的背景色.child-row .x-grid-cell { background-color: #F08080; color: #000000; }
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
extjs grid 渲染问题
var cm=new Ext.grid.ColumnModel([rn header:"库存编号",dataIndex:"inventoryId",rn header:"配件编号",dataIndex:"partsId",rn header:"配件名称",dataIndex:"partsName",rn header:"配件库存",dataIndex:"inventory",renderer:function()//这里参数应该传什么rn rn //这个方法应该怎么写才能得到库存报警的值rn ,rn header:"期初库存",dataIndex:"startInventory",rn header:"库存报警",dataIndex:"minInventory",rn header:"仓库",dataIndex:"warehouseId",renderer:function(value)rn if(value==1)rn return "主仓库";rn elsern rn return "副仓库";rn rn rn ]);rnrnrn 目的就是想取得当前库存 和报警库存做比较 rnrn 望高手解答一下
Extjs grid 数据显示
我想问问大家的是:grid中的数据显示,在grid中所有的数字型数据都会显示为两位小数形式(本来就单单是纯整数的),有谁可以帮帮我吗, 谢谢大家了......
空白grid如何出现右键菜单??
没有数据的grid(有空白区域)....点击右键...如何出现菜单..rncontextmenu事件没有触发...
ExtJS 6.6 Grid中渲染图表
Ext6的案例真的是太少了,Ext6的grid组件还是比较强大的,可以直接渲染图表,就像下图 主要用到grid里的widget属性,做了个demo,方便以后查看 /** * 任务列表 * * @author seaside * @version 2019.4.16 */ Ext.ns("com.xxx.resourceManagement"); com.xxx.res...
EXTJS grid 绑定数据的问题
刚接触EXTJS,请问给grid动态绑定数据怎么绑定。rnEX:rna.aspx---->返回DATASETrnrnpublic DataSet return()rnrnreturn getdata();rnrn//-------------rngrid.js 中怎么接收?rnrnvar store = new Ext.data.Store 这部分不了解。能不能给我个例子
ExtJS 使用grid显示数据
回答http://www.iteye.com/problems/90057#s_190557的问题,兼做备忘  
Extjs Grid 不显示数据
不显示数据(后台已接受请求,并且回发数据),不提示任何错误rn确定数据格式以及路径正确rnJS如下rn[code=JScript]rnvar grid;rnvar record;rnvar store;rnExt.onReady(function () rn //后台返回的数据格式是 total:总页数值,rows:[,]rn store = new Ext.data.JsonStore(rn url: 'ExtDataModifyShipAddressList.aspx?p=' + Math.random(),rn root: 'rows',rn totalProperty: 'total',rn fields: [rn name: 'Id' ,rn name: 'Sid' ,rn name: 'Status' ,rn name: 'CustomerID' ,rn name: 'Description' ,rn name: 'ShipAddress' ,rn name: 'StateName' ,rn name: 'CityName' ,rn name: 'ZipCode' ,rn name: 'ContactPerson' ,rn name: 'ContactTel' ,rn name: 'ShipVia' ,rn name: 'Country' ,rn name: 'StId' ,rn name: 'Default'],rn method: 'post'rn );rnrn //加载数据rn store.load(rn params: rn start: 0,rn limit: 20rn rn ); rnrn grid = new Ext.grid.GridPanel(rn frame: true,rn title: 'New Customer Application List',rn stripeRows: true, //斑马线rn store: store,rn applyTo: 'grid', //指定显示数据的divrn trackMouseOver: true,rn height: 550,rn width: window.screen.width - 17, //屏幕分辨率的宽rn loadMask: msg: 'loading……' ,rnrn columns: [rn new Ext.grid.RowNumberer(), //行号rn header: 'Id', dataIndex: 'Id', sortable: true ,rn header: 'Sid', dataIndex: 'Sid', sortable: true ,rn header: 'Status', dataIndex: 'Status', sortable: true ,rn header: 'CustomerID', dataIndex: 'CustomerID', sortable: true ,rn header: 'Description', dataIndex: 'Description', sortable: true ,rn header: 'ShipAddress', dataIndex: 'ShipAddress', sortable: true ,rn header: 'StateName', dataIndex: 'StateName', sortable: true ,rn header: 'CityName', dataIndex: 'CityName', sortable: true ,rn header: 'ZipCode', dataIndex: 'ZipCode', sortable: true ,rn header: 'ContactPerson', dataIndex: 'ContactPerson', sortable: true ,rn header: 'ContactTel', dataIndex: 'ContactTel', sortable: true ,rn header: 'ShipVia', dataIndex: 'ShipVia', sortable: true ,rn header: 'Country', dataIndex: 'Country', sortable: true ,rn header: 'StId', dataIndex: 'StId', sortable: true],rn //分页rn bbar: new Ext.PagingToolbar(rn pageSize: 20,rn store: store,rn displayInfo: true, //显示分页rn emptyMsg: "NO DATA"rn )rn )rnrn //底下容器rn var bookTplMarkup = [rn 'Id: Id ',rn " "rn ];rn var bookTpl = new Ext.Template(bookTplMarkup);rnrn var ct = new Ext.Panel(rn renderTo: 'grid', rn frame: true,rn title: 'Customer Detailed Info',rn loadMask: msg: 'loading……' ,rn width: window.screen.width - 17,rn height: 500,rn layout: 'border',rn items: [rn grid,rn rn id: 'detailPanel',rn region: 'center',rn bodyStyle: rn background: '#ffffff',rn padding: '7px'rn ,rn html: 'Please select a row to see additional details.'rn rn ]rn )rn grid.getSelectionModel().on('rowselect', function (sm, rowIdx, r) rn var detailPanel = Ext.getCmp('detailPanel');rn bookTpl.overwrite(detailPanel.body, r.data);rn record = r;rn );rnrn)rnrnrn[/code]rnrn
ExtJs grid追加数据问题
success : true , msg : '查询成功' , rn[color=#FF0000]data : [ buyerId : 20120315103813140 , buyerName : '摩卡软件有限公司' , address : '北京市海淀区花园东路11号泰兴大厦8层' , zipCode : '' , note : '' , bankAccount : '' , bank : '' , delMark : '0' , buyerId : 20111213175434828 , buyerName : '北京微思致远科技发展有限责任公司' , address : '朝阳区三元桥国际港B座802室' , zipCode : '' , note : '' , bankAccount : '' , bank : '' , delMark : '0'][/color]rnrnrn这个字符串返回后,怎么把data(红色)中的数据添加到Ext.grid.Panel里面去啊,我用add方法不出错也不显示
php extjs grid 装载数据
php extjs grid 装载数据 extjs相关,数据库mysql
Extjs grid 显示数据问题
从数据库读取数据发现。rn如果数据库中存的数据是:"粗了吗?"rn在grid中将不能显示。而且其它所有的数据也显示不了。rnrn是用json传数据的
extjs grid reload数据问题
用extjs gird实现的数据表格,但是修改用的另外的js弹出窗口,提交保存后会关停弹出框并调用当前页的一个js方法,请问如何让这个js方法去刷新grid grid表的里数据?即实现reload。外部的js方法reload grid。
extjs grid
EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID
ExtJS之Grid
ExtJS框架
ExtJS -- grid没有数据时不出现横向滚动条的问题
执行以下语句就可以了 grid.getView().refresh(); 或 grid.getStore().removeAll();
Extjs tree and Grid(Buffer Grid,Progress Grid)
NULL 博文链接:https://zah5897.iteye.com/blog/813809
GRID 不显示数据,一直为空白
我在FROM1中,分加建立如下:rnrnCOMD1 (用于选择本地EXCEL文件,并在对应的TEXT1中显示路径和文件名)rnrnGRID1.RecordSource为“COMD1选择的EXCEL文件转换为DBF后的TEMP1”rnGRID1的INT事件为:rn thisform.grid1.recordsource=nullrn select * into cursor t1 from "&LJM1"+"temp1" rn thisform.grid1.recordsource="t1" rn thisform.grid1.refresh rnrnrnrnCOMD2 (用于选择本地EXCEL文件,并在对应的TEXT2中显示路径和文件名)rnrn GRID2.RecordSource为“COMD2选择的EXCEL文件转换为DBF后的TEMP2”;rnGRID2的INT事件同上.rnrnrn运行之后,结果是有了,但在GRID1和GRID2中没有显示数据,一直是空白的.rnrn请老师们指点.rnrn
老问题,GRID 空白!
有一个按钮的.CLICK 事件代码:(其实就是向表添加一条空记录)rnrnthisform.Grid1.RecordSource ='' rnSELECT 1rnUSErnSELECT 4rnUSE I:\JINCENrnAPPEND BLANKrnthisform.Grid1.ColumnCount = 4rn*thisform.Grid1.RecordMark= .F.rn*thisform.Grid1.ScrollBars= 0rn*thisform.Grid1.DeleteMark= .F.rn*thisform.refresh rnthisform.grid1.BackColor=RGB(217,158,0)rnthisform.grid1.FOREColor=RGB(0,0,250)rnthisform.grid1.RecordSourceType= 0rnthisform.grid1.recordsource="i:\jincen" rnthisform.grid1.Column1.ControlSource="进程"rnthisform.grid1.Column2.ControlSource="信任"rnthisform.grid1.Column3.ControlSource="路径"rnthisform.grid1.Column4.ControlSource="基本"rnthisform.grid1.Column1.Header1.Caption="进程"rnthisform.grid1.Column2.Header1.Caption="信任"rnthisform.grid1.Column3.Header1.Caption="路径"rnthisform.grid1.Column4.Header1.Caption="基本"rnthisform.grid1.Column1.Width=120rnthisform.grid1.Column2.Width=30rnthisform.grid1.Column3.Width=400rnthisform.grid1.Column4.Width=30rnTHISFORM.RefreshrnTHISFORM.Grid1.Refreshrnrn结果GRID 显示是空白,查了论坛帖子,还是没有解决,给位看看问题出在那里,谢谢!
grid显示空白
通过一个表单调用另一个表单,两个表单的数据环境中都添加"quotation" 表,rn前一个表单中有个组合框,根据这个组合框的值调用后一个表单,rn后一个表单中grid的绑定这个表.用set filter 语句.rn后一个表单显示时,刚开始显示正常,可能两秒后,鼠标点击表单,grid一片空白.rn另外有文本控件绑定为此表,显示正常.
extjs 数据渲染 枚举 性别 行 单元格
  (类的叫法可能不准确,但extjs就是这么写的) Class Ext.grid.Column类的属性renderer对应函数参数说明可以参考ColumnModel.setRenderer( Number col, Function fn ) setRenderer需要设置行号,参数说明也在此,record参数就是Ext.data.record   Ext.data.record说...
Extjs前台渲染表中数据
      在数据库中,一般有关状态的数据存储的都是类似“0”或“1”的数字,而不是存储“生效”、“失效”之类的汉字。那么,从数据库里查出来的数据在前台显示给客户“0”这种数字显然是不合适的。那么,要如何做呢?      在Extjs中,可以通过过滤器和渲染器的配合使用来实现渲染。      通常,数据库中会有一张Code表,专门存储这种代码与字段的对应关系。      首先,创建一个查出Code...
extjs grid怎样展示换行数据
后台传过来某个字段的值的格式是这样的rnrnrn2013-04-18 16:34:26.0rn你好rnrn怎样在extjs 的grid中展示那,现在的情况是,进行一行展示了,如下:rnrn2013-04-18 16:34:26.0你好rnrn但是我想要时间在上,问题在下2行的效果。rnrn怎么弄那,也就是说我想要后台给这个字段怎么传值,前边表格就怎么展示。rn
extjs grid json 保存 页面数据
这几天用extjs的grid配合json来显示表格,感觉还行。rn但是我现在想 用extjs的grid来对 字典表进行操作(即可以对页面已经显示的表格的内容进行增加一行,删除一行),是不是用 jsonwriter?或者是其他方式,最好给个例子 ,给个链接也行。
extJS grid取数据遇到的问题
根据官方的例子改了一个从jsp读取数据的grid,firebug里response有响应的数据,但grid里显示不出来。rn以下是我的文件,一个html,一个js,一个jsp,请帮忙看一下问题出在哪里。rnrn[code="java"]rnrn rn rn Array Grid Examplern rn rn rn rn rn rn rn rn Array Grid Examplern rn rn This example shows how to create a grid from Array data.rn rn rn rnrnrn[/code]rnrn[code="java"]rnExt.onReady(function()rn rn Ext.BLANK_IMAGE_URL='extjs/resources/images/default/s.gif';rnrn var store = new Ext.data.JsonStore(rn proxy: new Ext.data.HttpProxy(rn //url:'http://localhost/extjs/jsonAction.jsp'rn url: 'jsonAction.jsp'rn ),rn reader: new Ext.data.JsonReader(rn totalProperty: 'totalProperty',rn root: 'root'rn ),rn fields: [rn name: 'company',rn name: 'price', type: 'float',rn name: 'change', type: 'float',rn name: 'pctChange', type: 'float',rn name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'rn ]rn ); rn rn store.load();rn rn var grid = new Ext.grid.GridPanel(rn store: store,rn columns: [rn id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company',rn header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price',rn header: "Change", width: 75, sortable: true, dataIndex: 'change',rn header: "% Change", width: 75, sortable: true, dataIndex: 'pctChange',rn header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'rn ],rn stripeRows: true,rn autoExpandColumn: 'company',rn height:350,rn width:600,rn title:'Array Grid'rn );rn rn grid.render('grid-example');rn);rn[/code]rnrn[code="java"]rn<%rn String json = "(totalProperty:2,root:[";rnrn json += "company:'3m Co',price:71.72,change:0.02,pctChange:0.03,lastChange:'9/1 12:00am',";rn json += "company:'Alcoa Inc',price:29.01,change:0.42,pctChange:1.47,lastChange:'9/1 12:00am'";rn json += "]);";rn System.out.println(json);rn response.getWriter().write(json);rn%>rnrn[/code]rnn[b]问题补充:[/b]n回一楼的,我去掉分号或去掉分号和两边的“()”,结果还是一样,显示不出来数据n[b]问题补充:[/b]n谢谢两位,问题解决了。总结一下,希望后面遇到同样问题的朋友少走弯路。rn第一个是分号的问题,以我测试情况看来,括号其实可以有。rn第二个是Store的问题,yourgame提到的,换成Store就可以了。rn然后我去查了一下API,发现JsonStore不需要配置reader这个属性。所以我换了另一种写法,也是可以的。rnrn[code="java"]rn var store = new Ext.data.JsonStore(rn url: 'jsonAction.jsp',rn // 把reader里的东西拿出来rn totalProperty : 'totalProperty',rn root : 'root', rn fields: [ rn name: 'company', rn name: 'price', type: 'float', rn name: 'change', type: 'float', rn name: 'pctChange', type: 'float', rn name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia' rn ]rn ); rn[/code]rnrn另,其实不用去配proxy,直接写url属性就可以。rn[quote]rnurl : String If passed, an HttpProxy is created for the passed URL rn[/quote]
Extjs GridPanel 如何判断数据渲染完毕。
我的页面有两个部分,一个form和一个iframe。form提交表单,action为a.jsp。rna.jsp与数据库交互,得到数据,一条条通过Store.insert方法插入,GridPanel加载数据源,渲染后,返回HTML到父页面的iframe中。rn因为查询数据库有一段时间,所以我在form提交前,通过js调用,parent.ExtWaitSerach(1)方法,从而保证页面上会有一个loading图标。在a.jsp 中,我为GridPanel添加了监听事件,afterrender(),目的是想在GridPanel渲染后,调用rnparent.ExtWaitSerach(0),让loading图标消失。rn正常来讲,应该先让随着loading图标的消失,GridPanel应该马上显示数据。但是当GridPanel加载很多数据的时候,如200条(我觉得不算多啊),就过有一段时间才显示数据。感觉像延迟一样。试了很多办法。无果。希望大家可以讨论讨论。rnrn我想要求教的就是,当GridPanel数据加载过后,应该触发什么事件,此时我在调用parent.ExtWaitSerach(0)让loading图标消失就达到目的。希望在这里可以找到答案。rnrn效果如下图:rn查询时:rn[img=http://hi.csdn.net/attachment/201009/1/5101960_12833256608rxY.jpg][/img]rn查询后:rn[img=http://hi.csdn.net/attachment/201009/1/5101960_1283325660zMld.jpg][/img]rn
ExtJS的Grid无法服务器端的数据
[code=JScript]rnrnrnrn rn Show Datarn rn rn rnrn rnrnrn rnrnrnrn[/code]rn这是我js代码。。服务器端是一个Servletrnrn[code=Java]rnpackage com.ui.servlet;rnrnimport java.io.IOException;rnimport java.io.PrintWriter;rnimport java.util.List;rnrnimport javax.servlet.RequestDispatcher;rnimport javax.servlet.ServletException;rnimport javax.servlet.http.HttpServlet;rnimport javax.servlet.http.HttpServletRequest;rnimport javax.servlet.http.HttpServletResponse;rnimport javax.servlet.http.HttpSession;rnrnrnimport com.test.entity.MessageBean;rnimport com.test.entity.UserBean;rnimport com.ui.biz.MessageBiz;rnimport com.ui.biz.MessageBizImpl;rnimport com.ui.biz.UserBiz;rnimport com.ui.biz.UserBizImpl;rnrn/**rn * Servlet implementation class LoginServletrn */rnpublic class MessageServlet extends HttpServlet rn private static final long serialVersionUID = 1L;rn rn /**rn * @see HttpServlet#HttpServlet()rn */rn public MessageServlet() rn super();rn // TODO Auto-generated constructor stubrn rnrn /**rn * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)rn */rn protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException rn doPost(request,response);rn rnrn /**rn * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)rn */rn protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException rn request.setCharacterEncoding("UTF-8"); rn UserBiz userBiz=new UserBizImpl();rn MessageBiz messageBiz=new MessageBizImpl();rn List messageList=messageBiz.getMessage();rn String json="totalProperty:"+messageList.size()+",root:[\n";rn for(int i=0;i
Extjs使用grid,数据库数据不显示
各位,帮个忙。初学EXTJS,想要将从数据库获得的数据加载到页面,结果grid控件正常显示,但是没有绑定数据。调试Action,显示正常执行,roadlist已经正常赋值。rn注:代码一,temp.js文件rnExt.onReady(function()rnrn var gridlist = Ext.create('Ext.grid.Panel',rn renderTo : "gridtemp",rn rn title:'道路列表',rn width:270,rn height:480,rn frame : true,rn layout: 'fit',rn store : rn fields : [rn name : 'roadid', type : 'Integer',rn name : 'road_name', type : 'String'rn ],rn proxy : rn type : 'ajax',rn url : 'jsonroadinfo.action',rn reader : rn type : 'json',rn root : 'roadlist'rn rn ,rn autoLoad : truern ,rn columns : [rn text : '道路名称',rn width : 150,rn sortable : false,rn dataIndex : 'road_name'rn ,rn text : '道路编号',rn width : 110,rn sortable : false,rn dataIndex : 'roadid'rn ]rn );rn);rn代码二,struts.xmlrn rn rn rn basicinfoservicern rn rn rn rn代码三,about.jsprnrnrn rn Insert title herern rn rn rn rnrnrn rnrnrn运行结果:rn[img=D:/grid结果.png][/img]
extjs grid选中的数据在textfield显示
grid选中的数据在同级的textfield里面进行显示,需要怎么做?哪位大神指导一下
ExtJs actioncolumn根据grid数据动态显示按钮
需求通过不同行的不同数据状态决定进行相应的操作方法通过getClass方法可以获取到,当前行的数据,根据指定字段的值可以判断设置按钮的显示或隐藏。 return的是类名。需提前定义,在类中进行相应的背景图片以控制不用的图片控制。代码{ text: '操作', xtype: 'actioncolumn',
Extjs问题 -- grid只能显示一条数据
问题: 后台返回的数据有多条,分页栏PagingToolbar显示的记录总数也正确,但gridpanel却只显示当前页的最后一条记录。 问题查找: 情况1:.主键重复,字段id都为0,导致extjs无法找到主键,这是extjs的一个bug。 在grid的getStore的load的回调函数中,用getCount到到的是一条数据。也就是服务端返回了多条数据,但是extjs只
Extjs grid 分页多选 数据不会丢失
用 SpringMVC hibernate EXtjs 开发的时候会大量使用 extjs grid 作为数据的展示控件,也会操作数据,那么grid 在要选择数据的时候,就需要注意,如果grid是分页,那我们一般会  监听他的 CheckBox 的选择事件和反选择事件,选择的时候把对应的ID放在一个全局数组中,在反选择的时候就把对应的ID从全局数组中删除,然后再监听store的load事件,每次加载
定时刷新extjs的grid某一列的数据
虽然已经参加工作,专心搞Java后台,但是学校的boss的问题还是要处理的。现在就是需要将grid中某一列的值每一秒更新一次,其他的属性值不变,据说师妹搞了两天没搞出来。。。。加班整了一个小例子,可以实现对特定列的定数刷新。        代码如下:  Ext.onReady(function(){     Ext.QuickTips.init();     Ext.state.Manag
怎么给Extjs grid某行数据着色
我有一个简单的extjs grid如下图:rn[img=http://www.cnblogs.com/images/cnblogs_com/sunxing007/231491/o_grid.JPG][/img]rn我希望当Progress的值小于100%的时候, 把整行的数据都用红色标注. 我也参照官网的例子, 给grid加一个viewConfig如下:rnviewConfig: rn forceFit: true,rn getRowClass: function(record, index) rn var progress = record.get('progress');rn if(progress!=100)rn return 'mark-red';rn rn elsern return '';rn rn rnrn但是我发现我定义的样式'mark-red'无法改变字体的颜色. 有经验的人给点建议.谢谢.
求 Extjs field grid 的数据拖拽例子
谁有给发一下. 谢谢!rn我知道extjs 自带的有field grid拖拽的例子但在IE下有bug.rn所以请教一下大家..rn最好能有注释的..
extjs grid 分页数据无法刷新
从控制台看,点击下一页的时候请求成功发送到后台,也能看到从后台传过来的值,但是页面上的grid的数据并没有改变,无论是点上一页还是下一页,数据始终显示的是页面加载时的数据。这个是什么回事呢,求大神解答!!!!!!
Extjs grid的store数据转成json数组
var list=[]; Ext.each(grid.getStore().getRange(), function(record) { list.push(record.data); }); 说明:getRange()方法取到的是records数组,是contructor类型的,其内还有一层data才是我们要的数据
Extjs Grid 只显示列名 不显示数据
首先出现错误,找不到无非是对Extjs不熟悉。只会简单的使用。前面都是在恕我自己啦。 效果是这样的。 找了很久。很久。也找不到。后来实在是看不下去了。决定要和这个BUG一站到底! 最后才发现是一个小小的失误……  有多少bug是因为一个小BUG影响大局的。 看分析流程 分析错误:1.数据正常——2.js不报错误——3.分析错误节
extjs grid如何绑定后台数据??
extjs grid如何绑定后台数据??
Extjs grid 得到选中行的列数据
function getSelectedTableName() { var grid = Ext.getCmp('tempTableGridId'); var rowSelectionModel = grid.getSelectionModel(); if (rowSelectionModel.hasSelection()) { var record = rowSelectio...
ExtJs的Grid无法显示数据 牛人快来!!!
[code=JScript][/code]rnrnExt.onReady(function() rnrn /**rn * 开启快速提示功能rn */rn Ext.QuickTips.init();rn Ext.form.Field.prototype.msgTarget = 'side';rn rn rn rnrn // =================================列表显示========================================rn /**rn * 声明一个函数,为操作列添加一个按钮rn */rn function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) rn var str = "";rn str += " ";rn str += "";rn return str;rn rnrn /**rn * 生成列模型rn */rn var cm=new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),rn header:'简历编号',rn dataIndex:'resumeid',rn sortable:truern ,rn header:'简历类型',rn dataIndex:'resumetype',rn sortable:truern ,rn header:'简历方向',rn dataIndex:'resumedirect',rn sortable:truern ,rn header:'简历语言',rn dataIndex:'resumelan',rn sortable:truern ,rn header:'简历专业方向',rn dataIndex:'resumespeciality',rn sortable:truern ,rn header:'简历物理路径',rn dataIndex:'resumepath',rn sortable:truern rn , rn header : '操作',rn dataIndex : 'operate',rn renderer : renderDescnrn ]);rn rn var data = [["1","sgtfer","frf","dgd","dfgd","dgd"]];rn /**rn * 声明数据适配器,将数据源与列模型绑定rn */rn rn //var ds=new Ext.data.SimpleStore(data:data,fields:["resumeid","resumetype","resumedirect","resumelan","resumespeciality","resumepath"]);rn var store=new Ext.data.Store(rn proxy:new Ext.data.HttpProxy(rn url:'getHistoryRecord.do'rn ),rn reader:new Ext.data.JsonReader(rn totalProperty:'totalProperty',rn root:'root',rn fields:[rn name:'resumeid',rn mapping:"resumeid"rn ,rn name:'resumetype',rn mapping:"resumetype"rn ,rn name:'resumedirect',rn mapping:"resumedirect" rn ,rn name:'resumelan',rn mapping:"resumelan"rn ,rn name:'resumespeciality' ,rn mapping:"resumespeciality"rn ,rn name:'resumepath',rn mapping:"resumepath"rn rn ]) rn );rnrn /**rn * 生成Bbar,用于分页显示rn */rn var bbar = new Ext.PagingToolbar(rn pageSize : 10,rn store : store,rn displayInfo : true,rn displayMsg : '显示第0条到1条记录,一共2条',rn emptyMsg : '没有记录'rn );rnrn /**rn * 声明一个Grid,列表显示信息rn */rn var grid = new Ext.grid.GridPanel(rn el:'historyrecord',rn title : '历史记录',rn width:850,rn height : 550,rn trackMouseOver : true,rn loadMask : rn msg : '正在加载数据,请稍后.....'rn ,rn ds : store,rn cm : cm,rn sm : new Ext.grid.RowSelectionModel(),rn bbar : bbarrnrn );rnrnrn // =================================表单提交========================================rnrnrn /**rn * 为操作列删除按钮编写单击事件rn */rnrnrn rn /**rn * 为操作列修改按钮编写单击事件rn */rnrn rn // =================================渲染呈现========================================rn /**rn * 渲染呈现Grid,Store初始化rn */rn //ds.load( rn // params: start: 0, limit: 10 , rn // callback: function(r, options, success) rn // alert(r.length); rn // if (success) rn // alert(r.length); rn // else alert("加载数据失败,无对应数据或者系统出现异常!"); rn // rn //); rn store.load(rn params : rn start : 0,rn limit : 10rn rn rn );rn grid.render();rnrn)rnrn上面是historyRecord.js 下面是HistoryRecordList.jsprn[code=Java][/code]rn<%@ page language="java" import="java.util.*,com.vero.erp.pojo.Resume;" pageEncoding="UTF-8"%>rn<%rnString path = request.getContextPath();rnString basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";rn%>rnrnrnrn rn rn rn My JSP 'HistoryRecordList.jsp' starting pagern rn rn rn rn rn rn rnrn rn rn rn <%rn String start=(String)request.getAttribute("start");rn String limit = (String)request.getAttribute("limit");rn int index = Integer.parseInt(start);rn int pageSize = Integer.parseInt(limit);rn List list=(List)request.getAttribute("resumelist");rn rn System.out.println(index+"***"+pageSize);rn String json="totalProperty:"+list.size()+",root:[";rn rn String lan="";rn String type="";rn String direct="";rn String speciality="";rn System.out.println(list.size());rn if(list.size()-indexrn rnrnrnrnrn浏览器就是显示不出数据rn下面是输出的JSonrntotalProperty:6,root:[resumeid:'84',resumetype:'0',resumedirect:'0',resumelan:'1',resumespeciality:'1',resumepath:'D:\upload\WoptiMem.exe',resumetype:'应聘简历',resumedirect:'国内',resumelan:'英语',resumespeciality:'.Net',resumeid:'41',resumetype:'0',resumedirect:'1',resumelan:'1',resumespeciality:'1',resumepath:'D:\upload\eclipsec.exe',resumetype:'应聘简历',resumedirect:'欧美',resumelan:'英语',resumespeciality:'.Net',resumeid:'63',resumetype:'0',resumedirect:'1',resumelan:'1',resumespeciality:'2',resumepath:'D:\upload\download.txt',resumetype:'应聘简历',resumedirect:'欧美',resumelan:'英语',resumespeciality:'C/C++',resumeid:'1',resumetype:'2',resumedirect:'1',resumelan:'1',resumespeciality:'1',resumepath:'\c:',resumetype:'员工简历',resumedirect:'欧美',resumelan:'英语',resumespeciality:'.Net',resumeid:'42',resumetype:'0',resumedirect:'1',resumelan:'1',resumespeciality:'1',resumepath:'D:\upload\eclipsec.exe',resumetype:'应聘简历',resumedirect:'欧美',resumelan:'英语',resumespeciality:'.Net',resumeid:'44',resumetype:'0',resumedirect:'2',resumelan:'1',resumespeciality:'2',resumepath:'D:\upload\plsqldev.exe',resumetype:'应聘简历',resumedirect:'欧美',resumelan:'英语',resumespeciality:'C/C++']rnrnrnrn各位牛人帮帮忙啊!!!!
Extjs grid只能显示一条数据的问题
迁移项目代码时原本好用的列表只能显示一条数据,并且分页正确无误,找了很久才找到原因。Ext.create('Ext.data.Store', { model:opts.model, autoDestroy: true, autoLoad: true, pageSize:30, pr
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法