gridpanel 加载后台已经返回回来的json 不成功的问题

Ext.Ajax.request({
method: 'POST',
url: 'Handler1.ashx',
params: { cla1: Ext.getCmp("combo1").getRawValue(), pro1: Ext.getCmp("combo2").getRawValue(), grade1: Ext.getCmp("text1_score").getValue() },
success: function (response, options) {
alert(response.responseText);//这个地方时能返回json数据的。
store00.loadData([response.responseText]);
store00.load;
执行完这个后gridpanel里面只有表格没有数据 是loaddata的问题吗

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
GridPanel分页不成功,读取java后台数据
[code="java"] /**JS文件*/ Ext.onReady(function(){ /***DataGrid界面****/ var fields = ["id","time","source","destination","protocol","info"]; /*var dataUrl;*/ var proxy = new Ext.data.HttpProxy({ url: 'dataPacket.action', method: 'POST' }); var reader = new Ext.data.JsonReader( {totalProperty :'totalProperty',root:'root'}, fields) var store = new Ext.data.Store( { proxy: proxy, reader: reader } ); /* var store = new Ext.data.Store({ autoLoad:true, remoteSort: false, autoDestroy: true, listeners: { render: { fn: function(){ store.load({ params: { start: 0, limit: 5 } }); } } }, proxy:new Ext.data.HttpProxy({url: "dataPacket.action"}), //proxy: new Ext.data.PagingMemoryProxy(), reader:new Ext.data.JsonReader({id:"id",time:"time",source:"source",destination:"destination",protocol:"protocol",info:"info",totalProperty :'totalProperty',root:'root'},fields) });*/ //store.load({params:{start:0,limit:10}}); //var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ { id:"id", header:"NO.", dataIndex:"id", menuDisabled:true },{ header:"Time", dataIndex:"time", menuDisabled:true },{ header:"Source", dataIndex:"source", menuDisabled:true },{ header:"Destination", dataIndex:"destination", menuDisabled:true //renderer:formetSex },{ header:"Protocol", dataIndex:"protocol", menuDisabled:true //sortable:true },{ header:"Info", dataIndex:"info", width:400, menuDisabled:true } ]); var grid = new Ext.grid.GridPanel({ store :store, title:"解码服务的前端原型", region:'center', el:'north-div', margins: '2 2 2 2', width:800, height:300, cm:cm, autoExpandColumn: 'id', loadMask: {msg:'正在加载数据,请稍侯……'}, bbar: new Ext.PagingToolbar({ pageSize: 5, store: store, displayInfo: true, displayMsg: '显示第{0} 条到{1} 条记录,一共{2} 条', emptyMsg: "没有记录" }) }); grid.render(Ext.getBody()); store.load({ params: { start: 0, limit: 5} }); grid.addListener('rowclick', rowClickFn); grid.getSelectionModel().selectFirstRow(); /***添加树界面 ***/ var Tree = Ext.tree; var tree = new Tree.TreePanel({ region:'south', el:'south-div', margins: '2 2 2 2', useArrows:true, autoScroll:true, animate:true, enableDD:false,//是否可以拖动 //enableDrag:true, containerScroll: true, width:800, height:300, rootVisible:false, loader: new Tree.TreeLoader({ dataUrl:'dataDetail.action?number=0' }) }); var root = new Tree.AsyncTreeNode({ text: 'Ext JS', draggable:false, id:'source' }); tree.setRootNode(root); root.expand(); function changeDataDetail(number) { //alert("aa"); tree.loader = new Tree.TreeLoader({ dataUrl:'dataDetail.action?number='+number }); tree.root.reload(); } function rowClickFn(grid, rowIndex, e) { changeDataDetail(rowIndex); //alert('你单击了' + rowIndex); } grid.addListener('rowcontextmenu', rightClickFn);//右键菜单代码关键部分 var rightClick = new Ext.menu.Menu({ id:'rightClickCont', items: [ { //id: 'rMenu1', //handler: rMenu1Fn, text: '右键菜单1' }, { //id: 'rMenu2', //handler: rMenu2Fn, text: '右键菜单2' } ] }); function rightClickFn(grid,rowindex,e){ e.preventDefault(); rightClick.showAt(e.getXY()); } var viewport = new Ext.Viewport({ //region:'north', layout:'border', items:[grid,tree] }); }); [/code] [code="java"] /**后台java代码*/ package com.botwave.action; import java.util.ArrayList; import java.util.List; import net.sf.json.JSONArray; import com.botwave.actionform.DataActionform; import com.opensymphony.xwork2.ActionSupport; public class DataPacketAction extends ActionSupport{ private String menuString;//Json数据的字符串形式 private List<DataActionform> xmlDataPacket;//存储数据包信息的数组 public String execute() { System.out.println("aaa"); XmlData(); return "success"; } public void XmlData() { xmlDataPacket = new ArrayList<DataActionform>(); //DataPacketDao dataPacket = new DataPacketDao(); DataFactory createFactory = new DataFactory();//实例化工厂对象 xmlDataPacket = createFactory.createDataPacket().selectPacketData();//返回IF_DataPacket接口实例并实现接口方法 //DataActionform demoProperty=new DataActionform();//实例化actionform JSONArray jsonObject = JSONArray.fromObject(xmlDataPacket);//json数据包,通过json返回数据包 try { /**这里的menuString是返回的到js的数据源,totalProperty的值为11*/ menuString = "{totalProperty:" + (xmlDataPacket.size()) + ",root:" + jsonObject.toString()+ "}"; //demoProperty.setMenuString("{totalProperty:" + (a-1) + ",root:" + jsonObject.toString()+ "}"); } catch (Exception e) { menuString = "ss"; //demoProperty.setMenuString("ss"); } //System.out.println( xmlDataTitle.size() ); } public String getMenuString() { return menuString; } public void setMenuString(String menuString) { this.menuString = menuString; } } [/code] 问题:在GridPanel里面显示的时候是全部数据都在第一页显示出来,并没有达到分页的效果,图片如下: [img]http://dl.iteye.com/upload/attachment/284917/43bf3a23-aeb6-3917-bfdd-63c74eb662fb.jpg[/img]
Extjs中store问题,通过id,从后台查数据存入store中,并在panel中显示
//创建model Ext.regModel('rukuInfos',{ fields:[{name:'id'},{name: 'rukuRemark'},{name:'rukuAcount'},{name:'rukuDateTime'},{name:'rukuId'}] }); //有问题的方法 function showruku(){ var rukustore = Ext.create('Ext.data.Store', { pageSize: 6, //分页大小 model: 'rukuInfos', proxy: { pageParam:'pageNo', type: 'ajax', method: 'POST', url: 'http://localhost:8000/medicine/ProductAction_queryRukuInfo.action' ,//请求的地址 reader: { root: 'rukuInfos', totalProperty: 'rowCount' } } });// var rukuGrid = Ext.create('Ext.grid.Panel', { title: '药品入库信息列表', width: 520, height:230, id:'rukuGrid', store: rukustore, region: 'center', loadMask: true, //加载提示{ msg: '正在加载数据,请稍侯……' } columns: [//配置表格列 Ext.create('Ext.grid.RowNumberer', {text : '行号', width : 40}), {header: "入库编号", width: 160, dataIndex: 'rukuId'}, {header: "入库时间", width: 100, dataIndex: 'rukuDateTime' , xtype : 'datecolumn',//Ext.grid.column.Date日期列 format : 'Y-m-d'//日期格式化字符串 }, {header: "入库数量", width: 100, dataIndex: 'rukuAcount', xtype: 'numbercolumn', format:'000.0' }, {header: "入库备注", width: 120, dataIndex: 'rukuRemark'} ], dockedItems: [ { xtype: 'pagingtoolbar', store: rukustore, // same store GridPanel is using dock: 'bottom', //分页的位置 emptyMsg: '没有数据', displayInfo: true, displayMsg: '当前显示{0}-{1}条记录 / 共{2}条记录 ', beforePagetext: '第', afterPagetext: '页/共{0}页' }] }); //初始加载第1页 rukustore.loadPage(1); var winruku= new Ext.window.Window({ layout:'fit', width:535, resizable : false, shadow : true, modal :true, plain: true, disabled : false, closable:true, items:rukuGrid }); var proList = getProductIdList(); var num = proList.length; if(num > 1){ Ext.MessageBox.alert("提示","每次只能查看一条药品的入库信息。"); }else if(num == 1){ winruku.setTitle("显示该药品入库信息"); winruku.show(); var id = proList[0]; alert(id); //从后台加载数据 Ext.Ajax.request({//如果报length为空,一般要新建一个model来弄 url : 'http://localhost:8000/medicine/ProductAction_queryRukuInfo.action' , method : 'get', params : {proid:id}, jsonData : { proid:id }, success : function(response) { var data = Ext.JSON.decode(response.responseText).rukuInfos; var json = eval("(" + response.responseText + ")"); rukucunstore = new Ext.data.Store( { model : 'rukuInfos', proxy : { pageParam:'pageNo', type : 'memory', reader : { type : 'json', root:'rukuInfos'//注意mode1的值一定要与后台的一致 } } }); rukucunstore.load(data); Model = rukucunstore.Model; alert(rukucunstore.data); } }); } //取得所选药品id function getProductIdList(){ var recs = proGrid.getSelectionModel().getSelection(); var list = []; if(recs.length == 0){ Ext.MessageBox.alert('提示','请选择要进行操作的药品!'); }else{ for(var i = 0 ; i < recs.length ; i++){ var rec = recs[i]; list.push(rec.get('id')); } } return list; }
Extjs4使用mvc模式,封装Store层的ArrayStore无法动态加载后台数据
store层代码 ``` Ext.define('Desktop.store.function.FunctionStore',{ extend: 'Ext.data.ArrayStore', requires:['Desktop.model.function.UserModel'], model: 'Desktop.model.function.UserModel', autoLoad: true, proxy:{ type:'ajax', url:'index/userFindAll.do', reader: { type: 'json' } } }); ``` view层代码 ``` Ext.define('Desktop.view.function.FunctionGrid', { extend: 'Ext.panel.Panel', requires: ['Desktop.store.function.FunctionStore'], alias: 'widget.itgrid', itemId: 'sampleTest', layout: { type: 'border' }, title: '表单', initComponent: function() { var me = this; var store = Ext.create('Desktop.store.function.FunctionStore'); store.load(); // var store = Ext.create('Ext.data.ArrayStore',{ // model:'Desktop.model.function.UserModel', // proxy:{ // type:'ajax', // url:'index/userFindAll.do' // } // }); // store.load(); //声明行编辑器插件 var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', { clicksToMoveEditor: 1, autoCancel: false }); //复选框插件 var sm = Ext.create('Ext.selection.CheckboxModel'); Ext.applyIf(me, { items: [{ id:'itl', xtype:'gridpanel', bodyPadding: 0, region: 'center', columns: [{ text: 'id', width: 97, sortable: true, renderer: this.change, dataIndex: 'id' },{ text: 'groupId', width: 97, sortable: true, renderer: this.pctChange, dataIndex: 'groupId' },{ text: 'userName', locked: true, width: 200, sortable: false, dataIndex: 'userName' },{ text: 'userPass', width: 97, sortable: false, dataIndex: 'userPass' },{ text: 'userDes', width: 97, sortable: false, dataIndex: 'userDes' },{ text: 'modifyTime', width: 97, sortable: false, dataIndex: 'modifyTime' },{ text: 'userPass', width: 97, sortable: false, dataIndex: 'userPass' },{ text: 'userDes', width: 97, sortable: false, dataIndex: 'userDes' },{ text: 'modifyTime', width: 97, sortable: false, dataIndex: 'modifyTime' },{ text: 'userPass', width: 97, sortable: false, dataIndex: 'userPass' },{ text: 'userDes', width: 97, sortable: false, dataIndex: 'userDes' },{ text: 'userPass', width: 97, sortable: false, dataIndex: 'userPass' },{ text: 'userDes', width: 97, sortable: false, dataIndex: 'userDes' }], store: store, selModel: sm }] }); me.callParent(arguments); }, change: function (val) { if (val > 0) { return '<span style="color:green;">' + val + '</span>'; } else if (val < 0) { return '<span style="color:red;">' + val + '</span>'; } return val; }, pctChange: function (val) { if (val > 0) { return '<span style="color:green;">' + val + '%</span>'; } else if (val < 0) { return '<span style="color:red;">' + val + '%</span>'; } return val; } }); ```
如何根据combo的数据,使得GridPanl加载不同的数据(后台数据加载错误)
[size=large]目前的问题是前台不管如何选择combo数据,尽管参数已经传给后台,但是后台总是返回 else 里面的数据,没有执行判断语句。[size=medium][/size] 希望大家看看,错在哪里。谢谢~[/size][code="java"] /***********************************前台代码****************************************/ Ext.onReady(function() { Ext.QuickTips.init(); var proxy=new Ext.data.HttpProxy({url:'ExtCombodata.jsp'}); var MyRecord = Ext.data.Record.create([ {name: 'id'}, {name: 'name'}, {name: 'occupation'} ]); var readergrid=new Ext.data.JsonReader({ totalProperty: "results", //totalRecords属性由json.results得到 root: "rows", //构造元数据的数组由json.rows得到 id: "id" //id由json.id得到 },MyRecord ) //构建Store var storegrid=new Ext.data.Store({ proxy:proxy, reader:readergrid, remoteSort : true, baseParams : { jsonData : '11' } }); storegrid.reader = ''; // storegrid.load(); var grid = new Ext.grid.GridPanel({ title:"1111111111", height:300, width:250, columns: [ {id:'ids',header: "id", width: 20, sortable: true, dataIndex: 'id'}, {header: "name", width: 75, sortable: true, dataIndex: 'name'}, {header: "occupation", width: 75, sortable: true, dataIndex: 'occupation'} ], store:storegrid, autoExpandColumn:2 }); var arr=[ [1, 'AAA'], [2, 'BBB'],[3, 'CCC'] ]; var reader = new Ext.data.ArrayReader({id: 0},[{name: 'value'},{name: 'key'}]); var store=new Ext.data.Store({ reader:reader }); store.loadData(arr); var combo= new Ext.form.ComboBox({ labelStyle: "text-align: 'right';", fieldLabel:'各个子系统', editable:false, triggerAction: 'all', displayField:'key', mode: 'local', store:store , listeners:{ select:function(combo, record,index){ alert('Data: '+combo.getValue()); storegrid.reader = readergrid; if(combo.getValue()=='AAA'){ //这里通过combo的不同选项,向后台传不同的参数 storegrid.baseParams.jsonData = "11"; }else if(combo.getValue()=='BBB'){ storegrid.baseParams.jsonData = "22"; }else{ storegrid.baseParams.jsonData = "33"; } storegrid.load(); } } }); var panelIE=new Ext.FormPanel({ labelWidth: 50, labelAlign:'center', frame:true, width: 300, height: 400, defaultType: 'textfield', renderTo:'div01', items:[ new Ext.Panel({}), combo, grid ]}); }) /***********************************后台代码(ExtCombodata.jsp)*******************************/ <%@ page language="java" contentType="text/html; charset=GB2312" pageEncoding="GB2312"%> <% String aa= request.getParameter("jsonData"); String tempStr=""; // response.getWriter().write(aa); if(aa=="11"){ tempStr="{ 'results': 3, 'rows': [{ 'id': '1', 'name': 'Bill111', 'occupation': 'Gardener' },{ 'id': '11', 'name': 'Ben', 'occupation': 'Horticulturalist' },{ 'id': '111', 'name': 'Bill', 'occupation': 'Horticulturalist' } ]}"; }else if(aa=="22"){ tempStr="{ 'results': 3, 'rows': [{ 'id': '2', 'name': 'Bill111', 'occupation': 'Gardener' },{ 'id': '22', 'name': 'Ben', 'occupation': 'Horticulturalist' },{ 'id': '222', 'name': 'Bill', 'occupation': 'Horticulturalist' } ]}"; }else{ tempStr="{ 'results': 3, 'rows': [{ 'id': '3', 'name': 'Bill111', 'occupation': 'Gardener' },{ 'id': '33', 'name': 'Ben', 'occupation': 'Horticulturalist' },{ 'id': '333', 'name': 'Bill', 'occupation': 'Horticulturalist' } ]}"; } response.getWriter().write(tempStr); %> [/code]
关于ext入门的数据显示问题
前台代码 Ext.onReady(function(){ var newFormWin; var userform; var data = [ ['1', '2','3'], ['2', '2','3'], ['3', '2','3'] ]; // create the Data Store 数据 var store = new Ext.data.Store({ reader:new Ext.data.ArrayReader({ fields : [ {name : 'member_id',type : 'string'}, {name : 'member_name',type : 'string'} , {name : 'parent_id',type : 'string'} ] //new Ext.data.ArrayReader({ // root: data, //totalProperty: 1, // fields:["member_id","member_name","parent_id"] }), // load using script tags for cross domain, if the data in on the same domain as // this page, an HttpProxy would be better proxy:new Ext.data.MemoryProxy(data) //new Ext.data.HttpProxy({ //url: 'http://localhost:8088/manager/getList.action' //}) }); store.load({params:{start:0, limit:10}}); //分页显示用户数据 var grid = new Ext.grid.GridPanel({ autoHeight : true, width:700,//宽度 //height:300,//高度 title:'用户信息表', store: store,//数据 //加载的图标是否显示 loadMask: false, //单行选中 // grid columns列 columns:[ // new Ext.grid.CheckboxSelectionModel({singleSelect : false}),//复选框 //new Ext.grid.RowNumberer(),//序号 { // id assigned so we can apply custom css (e.g. .x-grid-col-topic b { color:#333 }) header: "用户名", dataIndex: 'member_id', //align: 'center', sortable: false },{ header: "年龄", dataIndex: 'member_name', //align: 'center', sortable: false },{ header: "电话", dataIndex: 'parent_id', //align: 'center', sortable: false }] }); // render it显示的层 grid.render('grid'); // trigger the data store load 加载用户 }) </script> </head> <body> <div id="grid"></div> </body> ``` 后台代码 public String getList() throws IOException{ HttpServletResponse response=ServletActionContext.getResponse(); try{ // String json= "{"+ // "metaData:{"+ // " totalProperty:'results',"+ // "root:'rows',"+ // "fields:["+ // "{name:'member_id',mapping:'member_id'},"+ // "{name:'member_name',mapping:'member_name'},"+ // // // "{name:'parent_id',mapping:'parent_id'}"+ // // // "]"+ // // "},"+ // "results:"+1+","+ // "rows:[{member_id:'1',member_name:'zhangsan',parent_id:'3'}]"+ // // "}"; // response.setCharacterEncoding("utf-8"); // System.out.print(json.toString()); // response.getWriter().write("{metaData:{ totalProperty:'results',root:'rows',fields:[{name:'member_id',mapping:'member_id'},{name:'member_name',mapping:'member_name'},{name:'parent_id',mapping:'parent_id'}]},results:1,rows:[{member_id:'1',member_name:'2',parent_id:'3'}]}"); response.getWriter().write("{totalProperty:1,data:[{member_id:'1',member_name:'2',parent_id:'3'},{member_id:'1',member_name:'2',parent_id:'3'}]}"); }catch(Exception e){ } return null; } 之前在网上试了好几种例子,后台传的json字符串改了不知道多少次,前台页面一直是个loading,后来换成直接在前台把json数据写死,loading没了,也没数据。我是刚接触ext,不知道这是什么问题,不像java或者js,可以报错还能定位到问题。 ![图片说明](https://img-ask.csdn.net/upload/201512/11/1449798974_130590.png)
extjs 一次加载数据 前台分页问题
后台拿到的json [code="js"] [['0','张三','0','15246532154'],['1','李四','0','15246532154'],['2','王五','0','15242342154'],['3','李磊','0','15245678987'],['4','卡卡','0','12321313321'],['5','阿斯达','1','12131312322'],['6','斯巴达','1','11231231231'],['7','李欧','1','23343434343']] [/code] 前台ext代码: [code="js"] /** * 前台分页 */ Ext.onReady(function() { var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([ // 序号 new Ext.grid.RowNumberer(), sm, { header : '编号', dataIndex : 'id', sortable : true, type : 'int' }, { header : '姓名', dataIndex : 'name' }, { header : '性别' }, { header : '电话', dataIndex : 'phone' }]); var reader = new Ext.data.ArrayReader({}, [{ name : 'id' }, { name : 'name' }, { name : 'sex' }, { name : 'phone' }]); var store = new Ext.data.Store({ reader : reader }); // 读取后台传递于前台数据 Ext.Ajax.request({ url : '../test/user2.show', method : 'get', success : function(response, opts) { var obj = Ext.decode(response.responseText);// obj储存响应的数据 store.proxy = new Ext.data.PagingMemoryProxy(obj) // PagingMemoryProxy() // 一次性读取数据 }, failure : function() { Ext.Msg.alert("读取数据失败"); } }); // 分页条 var pagebar = new Ext.PagingToolbar({ pageSize : 5,// 每页显示条数 store : store, beforePageText : "当前第", afterPageText : "页,共{0}页", lastText : "尾页", nextText : "下一页", prevText : "上一页", firstText : "首页", refreshText : "刷新页面", displayInfo : true, displayMsg : "当前显示 {0} - {1}条, 共 {2}条", emptyMsg : "没有记录" }); var grid = new Ext.grid.GridPanel({ renderTo : 'grid', autoHeight : true, store : store, mode : "remote", cm : cm, sm : sm, loadMask : { msg : '正在加载数据,请稍侯……' }, tbar : pagebar }); store.load({ params : { start : 0, limit : 5 } });// 按5条记录分布 }); [/code] [code="html"] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>前台分页</title> <link rel="stylesheet" type="text/css" href="../js/ext-3.3.1/resources/css/ext-all.css" /> <script type="text/javascript" src="../js/ext-3.3.1/ext-base.js"></script> <script type="text/javascript" src="../js/ext-3.3.1/ext-all.js"></script> <script type="text/javascript" src="../js/ext-3.3.1/ext-lang-zh_CN.js"></script> <script type="text/javascript" src="js/PagingMemoryProxy.js"></script> <script type="text/javascript" src="js/diygrid2.js"></script> </head> <body> <div id="grid" style="height:265px;"></div> </body> </html> [/code] 页面始终处于加载中,分页数据不显示。求指导。
Ext grouping分组
[code="java"] //页面加载时执行的操作------------------------------------------------- Ext.onReady(function(){ createPanel(); createLayout(); }); //公共变量----------------------------------------------------------------- var panels; //布局管理-------------------------------------------------------------- function createLayout(){ new Ext.Viewport({ layout:'border', items:[{ region:'center', id:'panel', xtype:'panel', //activeTab:0, layout:'fit', contentEl:'dms-content', items:panels }] }) } //搭建一个右面的面板,里面包含了一个grid------------------------------------- function createPanel(){ //详细 //----构建grid grid = new Ext.grid.GridPanel({ id:'SearchGrid', height:400, store:ds, columns:[ {header:'行号',renderer:function(value, cellmeta, record, rowIndex){return rowIndex + 1;},width:50}, {header:'工号',dataIndex:'personID',width:50}, {header:'姓名',dataIndex:'name',width:60}, {header:'卡号',dataIndex:'cardNO',width:60}, {header:'部门',dataIndex:'deptname',width:100}, {header:'职务',dataIndex:'dutyName',width:100}, {header:'工种',dataIndex:'jobs',width:100}, {header:'入井时间',summaryType:'sum' ,summaryRenderer: function(v, params, data){return v;}, dataIndex:'inWellTimes',width:130,renderer:function(value, cellmeta, record, rowIndex){ return value;}}, {header:'井下停留时长',dataIndex:'toWellTimes',width:140}, {header:'超时',dataIndex:'overtime',width:100}, {header:'当前区域',dataIndex:'nowArea',width:100}, {header:'当前基站',dataIndex:'jiZhan',width:130} ], bbar:new Ext.PagingToolbar({ store:ds, pageSize:20 }), border:false , view: new Ext.grid.GroupingView({ showGroupName: false, enableNoGroups:false, // REQUIRED! hideGroupedColumn: true }), animCollapse: false, plugins: summary }); panels = new Ext.Panel({ border: false, layout:'fit', items: grid }); } var reader = new Ext.data.JsonReader({ fields: [ "personID", {name:"name"}, {name:"num"}, {name:"cardNO"}, {name:"deptname"}, {name:"dutyName"}, {name:"jobs"}, {name:"toWellTimes"}, {name:"overtime"}, {name:"nowArea"}, {name:"jiZhan"} ] }); //定义的数据源-------------------------------------------------------------------------- var ds = new Ext.data.GroupingStore({ reader:reader, proxy: new Ext.data.HttpProxy({ url:'/KJ222/UndergroundStaffPositions/getAll' }), groupField:'deptname', sortInfo:{field:'deptname', direction: "ASC"}, baseParams:{ limit:20 }, totalProperty:'total', root:'demo' }); ds.load({ params:{start:0} }); var summary = new Ext.grid.GroupSummary(); [/code] 后台返回的json [code="java"] {total:2,demo:[{"id":null,"jobs":"维修工","cardNO":"12","jiZhan":"基站3","name":"吕卫军","nowArea":"区域1","dutyName":"副队长","toWellTimes":"4天18时46分35秒","inWellTimes":"2009-12-31 16:40:00.0","deptname":"生产准备队","overtime":"4天16时46分35秒","personID":"7"},{"id":null,"jobs":"瓦检员","cardNO":"15","jiZhan":"基站3","name":"李晋军","nowArea":"区域1","dutyName":"工人","toWellTimes":"4天18时46分35秒","inWellTimes":"2009-12-31 16:40:00.0","deptname":"通风队","overtime":"4天16时46分35秒","personID":"10"}]} [/code] 问题:不能显示这个分组grid,求解。
ext的弹出窗口如何布局?
ext渲染html通过div用viewport很好布局,我现在如何在ext的弹出窗口window里布局那,我在ext window里放了queryform和grid grid的布局一直搞不好,设置grid的height就没有列拉条。设置viewConfig : {forceFit : true}则数据显示不正确 [b]问题补充:[/b] 弹出子窗口,要在弹出一窗口如何扑获click事件 [b]问题补充:[/b] 我把代码贴出来: [code="java"] Ext.onReady(function() { Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var inputPageSize = 8; function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) { var str = "<input type='button' id='update-btn' value='分组电文详细信息' class='x-btn-wrap x-btn' onclick='Info();'/>"; return str; } var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), { header : '电文组号', dataIndex : 'DESTINATION', sortable : true }, { header : '电文条数', dataIndex : 'CNT', sortable : true }, { header : '发送时间', dataIndex : 'SENTLOGTIME', sortable : true }, { header : '操作', dataIndex : 'SENTMESSAGEID', renderer : renderDescn }]); /** * 声明数据适配器,将数据源与列模型绑定 */ var MyRecord = Ext.data.Record.create([{ name : 'DESTINATION', mapping : 'DESTINATION' }, { name : 'SENTLOGTIME', mapping : 'SENTLOGTIME' }, { name : 'CNT', mapping : 'CNT' }]) var store = new Ext.data.Store({ proxy : new Ext.data.HttpProxy({ url : '../sentmessagegroup.do?command=list' }), reader : new Ext.data.JsonReader({ totalProperty : 'totalProperty', root : 'root' }, MyRecord) }); /** * 生成Bbar,用于分页显示 */ var bbar = new Ext.PagingToolbar({ pageSize : inputPageSize, store : store, displayInfo : true, displayMsg : '显示第{0}条到{1}条记录,一共{2}条', emptyMsg : '没有记录' }); /** * 声明一个Grid,列表显示信息 */ var grid = new Ext.grid.GridPanel({ el : 'grid', region : 'center', title : '发送分组详细信息', // height : 430, trackMouseOver : false, loadMask : { msg : '正在加载数据,请稍后.....' }, ds : store, cm : cm, sm : new Ext.grid.RowSelectionModel(), bbar : bbar, viewConfig : { forceFit : true } // buttons : [{ // text : '添加电文', // id : 'addbtn', // handler : function() { // addclick(); // } // }] }); window.Info = function() { var PageSize = 8; var selectRecord = grid.getSelectionModel().getSelected(); var data = selectRecord.get("DESTINATION"); //Ext.get("update").on("click", update); function desc(value, cellmeta, record, rowIndex, columnIndex, store) { var str = "<input type='button' id='update' value='详细信息' class='x-btn-wrap x-btn' onclick='update();'/>"; return str; } //Ext.get("update").on("click", update); var infocm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), { header : '序列号', dataIndex : 'SENTMESSAGEID', sortable : true }, { header : '电文插入时间', dataIndex : 'SENTLOGTIME', sortable : true }, { header : '电文号', dataIndex : 'MESSAGEID', sortable : true }, { header : '电文内容', dataIndex : 'BUFFERDATA', sortable : true }, { header : '终点代码', dataIndex : 'DESTINATION', sortable : true }, { header : '长度', dataIndex : 'LENGTH', sortable : true }, { header : '发送结果', dataIndex : 'SENDRESULT', sortable : true }, { header : '成功时间', dataIndex : 'PROCESSLOGTIME', sortable : true }, { header : '重发次数', dataIndex : 'RESENDNUMBER', sortable : true }, { header : '标注', dataIndex : 'MEMO', sortable : true }, { header : '操作', dataIndex : 'SENTMESSAGEID', renderer : desc }]); var infoRecord = Ext.data.Record.create([{ name : 'SENTMESSAGEID', mapping : 'SENTMESSAGEID' }, { name : 'SENTLOGTIME', mapping : 'SENTLOGTIME' }, { name : 'MESSAGEID', mapping : 'MESSAGEID' }, { name : 'BUFFERDATA', mapping : 'BUFFERDATA' }, { name : 'BUFFERCONTENT', mapping : 'BUFFERCONTENT' }, { name : 'DESTINATION', mapping : 'DESTINATION' }, { name : 'LENGTH', mapping : 'LENGTH' }, { name : 'SENDRESULT', mapping : 'SENDRESULT' }, { name : 'PROCESSLOGTIME', mapping : 'PROCESSLOGTIME' }, { name : 'RESENDNUMBER', mapping : 'RESENDNUMBER' }, { name : 'MEMO', mapping : 'MEMO' }]) var infostore = new Ext.data.Store({ proxy : new Ext.data.HttpProxy({ url : '../sentmessagegroup.do?command=grouplist' }), reader : new Ext.data.JsonReader({ totalProperty : 'totalProperty', root : 'root' }, infoRecord) }); infostore.baseParams = { destination : data }; var infobbar = new Ext.PagingToolbar({ pageSize : PageSize, store : infostore, displayInfo : true, displayMsg : '显示第{0}条到{1}条记录,一共{2}条', emptyMsg : '没有记录' }); var infogrid = new Ext.grid.GridPanel({ region : 'center', title : '发送电文详细信息', height : 210, trackMouseOver : false, loadMask : { msg : '正在加载数据,请稍后.....' }, ds : infostore, cm : infocm, sm : new Ext.grid.RowSelectionModel(), bbar : infobbar // viewConfig : { // forceFit : true // } // buttons : [{ // text : '添加电文', // id : 'addbtn', // handler : function() { // addclick(); // } // }] }); function update() { alert("update start"); var infowin; if (!infowin) { var selectRecord = infogrid.getSelectionModel().getSelected(); var infofrom = new Ext.form.FormPanel({ labelAlign : 'top', buttonAlign : 'right', title : '电文详细信息', bodyStyle : 'padding:5px', height : 415, width : 650, frame : true, url : '../sentmessage.do?command=again', items : [{ layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '序列号', name : 'SENTMESSAGEID', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '电文插入时间', name : 'SENTLOGTIME', minLength : 1, maxLength : 25, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '电文号', name : 'MESSAGEID', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '发送方主机代号', name : 'DESTINATION', minLength : 0, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '长度', name : 'LENGTH', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', xtype : 'textfield', fieldLabel : '处理标志', name : 'SENDRESULT', minLength : 0, maxLength : 17, // readOnly : true, // disabled:true, anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '应用处理时间', name : 'PROCESSLOGTIME', minLength : 1, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '重发次数', name : 'RESENDNUMBER', minLength : 1, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .93, layout : 'form', border : false, items : [{ xtype : 'textarea', fieldLabel : '电文内容', name : 'BUFFERCONTENT', minLength : 1, maxLength : 5000, anchor : '100%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .93, layout : 'form', border : false, items : [{ xtype : 'textarea', fieldLabel : '标注', name : 'MEMO', minLength : 1, maxLength : 500, anchor : '100%' }] }] }], buttons : [{ text : '手动重发', handler : function() { from.getForm().submit({ success : function(form, action) { var json = action.response.responseText; var check = eval("(" + json + ")"); if (check.update == true) { Ext.MessageBox.alert('信息', '更发成功,点击返回列表页面'); grid.render(); } infostore.load({ params : { start : 0, limit : inputPageSize } }); win.close(); }, failure : function(form, action) { var json = action.response.responseText; var check = eval("(" + json + ")"); if (check.check == false) { Ext.MessageBox .alert('错误', '抱歉,该用户权限不够'); } else { Ext.MessageBox.alert('信息', '添加失败,请与管理员联系!'); } } }); } }] } ); infowin = new Ext.Window({ title : 'Window', closable : true, width : 660, height : 435, // border:false, plain : true, draggable : true, collapsible : true, closeAction : 'hide', items : [infofrom] }); } // from.findField("BUFFERDATA").setValue("blob test"); //Ext.get('update-btn').get('update').on("click", update); infowin.show(Ext.get('update')); /** * form加载事件 */ // from.form.findField("BUFFERDATA").setValue(blob.bufferdata); infofrom.getForm().loadRecord(selectRecord); // from.form.findField("BUFFERDATA").setValue(blob.bufferdata); }; var queryform = new Ext.FormPanel({ labelAlign : 'left', region : 'north', title : '电文查询', buttonAlign : 'right', bodyStyle : 'padding:5px', // width : 300, height : 150, frame : true, labelWidth : 80, viewConfig : { forceFit : true }, items : [{ layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ // 用户编号 xtype : 'textfield', fieldLabel : '电文号', name : 'messageid', anchor : '85%' }, { // 用户编号 xtype : 'datefield', fieldLabel : '开始时间', name : 'startdate', format : 'Y-m-d', anchor : '85%' } ] }, { columnWidth : .5, layout : 'form', border : false, items : [{ // 用户名 xtype : 'textfield', fieldLabel : '发送结果', name : 'sendresult', anchor : '85%' }, { // 用户名 xtype : 'datefield', fieldLabel : '结束时间', name : 'enddate', format : 'Y-m-d', anchor : '85%' }] }] }], buttons : [ { text : '查询', handler : function() { var messageid = queryform.form.findField("messageid") .getValue(); // alert("messageid:"+messageid); var sendresult = queryform.form.findField("sendresult") .getValue(); // alert("destination:"+destination); var start = queryform.form.findField("startdate") .getValue(); var startdate; // alert("start:"+start); if (start != null && start != "") { startdate = start.format("Y-m-d"); } // alert("startdate:"+startdate); var end = queryform.form.findField("enddate").getValue(); var enddate; // alert("end:"+end); if (end != null && end != "") { enddate = end.format("Y-m-d"); } // alert("enddate:"+enddate); infostore.baseParams = { messageid : messageid, // destination : data, startdate : startdate, sendresult : sendresult, enddate : enddate }; infostore.reload({ params : { start : 0, limit : inputPageSize } }); } }, { text : '重置', handler : function() { queryform.form.reset(); } }] }) var win = new Ext.Window({ title : 'infoWindow', closable : true, width : 660, height : 500, // border:false, plain : true, draggable : true, collapsible : true, closeAction : 'hide', layout : 'border', items : [queryform, infogrid] }) // infogrid.render(); infostore.load({ params : { start : 0, limit : PageSize } }) // infogrid.render(); win.show(Ext.get('update-btn')); } // =================================表单提交======================================== /** * 为Grid的添加按钮编写单击事件 */ function addclick() { var win; if (!win) { var from = new Ext.form.FormPanel({ labelAlign : 'top', buttonAlign : 'right', title : '添加发送电文信息', bodyStyle : 'padding:5px', height : 275, width : 650, frame : true, autoScroll : true, url : '../sentmessage.do?command=add', items : [{ layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '序列号', name : 'MAPPINGMESSAGEID', anchor : '85%' }, { xtype : 'textfield', fieldLabel : '电文号', name : 'MESSAGEID', anchor : '85%' }, { xtype : 'textfield', fieldLabel : '长度', name : 'LENGTH', anchor : '85%' }, { xtype : 'textfield', fieldLabel : '重发次数', name : 'RESENDNUMBER', minLength : 1, maxLength : 17, anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '电文方向', name : 'DIRECTION', minLength : 1, maxLength : 17, anchor : '85%' }, { xtype : 'textfield', fieldLabel : '主机号', name : 'HOSTDC', minLength : 0, maxLength : 17, anchor : '85%' }, { xtype : 'textfield', fieldLabel : '电文组号', name : 'MESSAGEGROUPID', minLength : 0, maxLength : 17, anchor : '85%' }] }] }], buttons : [{ text : '提交', handler : function() { if (from.form.isValid()) { from.getForm().submit({ success : function() { Ext.MessageBox.alert('信息', '添加成功,点击返回列表页面'); grid.render(); store.load({ params : { start : 0, limit : inputPageSize } }); win.close(); }, failure : function() { Ext.MessageBox.alert('信息', '添加失败,请与管理员联系!'); } }); } } }, { text : '重置', handler : function() { from.getForm().reset(); } }] }); /** * 声明一个window,包装FormPanel */ win = new Ext.Window({ title : 'InfoWindow', closable : true, width : 660, height : 300, // border:false, plain : true, draggable : true, collapsible : true, closeAction : 'hide', items : [from] }); } win.show(Ext.get('addbtn')); }; window.delInfo = function() { var sm = grid.getSelectionModel(); var count = sm.getCount(); if (count == 0) { Ext.MessageBox.alert('信息', '您没有勾选任何记录!'); } else { Ext.MessageBox.confirm('Message', '确定要删除?', function(btn) { if (btn == 'yes') { var record = sm.getSelected(); var str = record.get('MAPPINGMESSAGEID'); Ext.Ajax.request({ url : '../sentmessage.do?command=delete', params : { MAPPINGMESSAGEID : str }, success : function() { Ext.MessageBox.alert('信息', '删除成功'); store.reload(); }, failure : function() { Ext.MessageBox.alert('错误', '请与后台服务人员联系'); }, timeout : 30000, headers : { 'my-header' : 'foo' } }); } }); } }; window.updateInfo = function() { alert("parent upadateinfo"); var win; if (!win) { var selectRecode = grid.getSelectionModel().getSelected(); var from = new Ext.form.FormPanel({ labelAlign : 'top', buttonAlign : 'right', title : '电文详细信息', bodyStyle : 'padding:5px', height : 415, width : 650, frame : true, url : '../sentmessage.do?command=again', items : [{ layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '序列号', name : 'SENTMESSAGEID', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '电文插入时间', name : 'SENTLOGTIME', minLength : 1, maxLength : 25, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '电文号', name : 'MESSAGEID', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '发送方主机代号', name : 'DESTINATION', minLength : 0, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '长度', name : 'LENGTH', readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', xtype : 'textfield', fieldLabel : '处理标志', name : 'SENDRESULT', minLength : 0, maxLength : 17, // readOnly : true, // disabled:true, anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '应用处理时间', name : 'PROCESSLOGTIME', minLength : 1, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }, { columnWidth : .5, layout : 'form', border : false, items : [{ xtype : 'textfield', fieldLabel : '重发次数', name : 'RESENDNUMBER', minLength : 1, maxLength : 17, readOnly : true, style : "background: #B9B9C3;", anchor : '85%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .93, layout : 'form', border : false, items : [{ xtype : 'textarea', fieldLabel : '电文内容', name : 'BUFFERCONTENT', minLength : 1, maxLength : 5000, anchor : '100%' }] }] }, { layout : 'column', border : false, items : [{ columnWidth : .93, layout : 'form', border : false, items : [{ xtype : 'textarea', fieldLabel : '标注', name : 'MEMO', minLength : 1, maxLength : 500, anchor : '100%' }] }] }], buttons : [{ text : '手动重发', handler : function() { from.getForm().submit({ success : function(form, action) { var json = action.response.responseText; var check = eval("(" + json + ")"); if (check.update == true) { Ext.MessageBox.alert('信息', '更发成功,点击返回列表页面'); grid.render(); } store.load({ params : { start : 0, limit : inputPageSize } }); win.close(); }, failure : function(form, action) { var json = action.response.responseText; var check = eval("(" + json + ")"); if (check.check == false) { Ext.MessageBox.alert('错误', '抱歉,该用户权限不够'); } else { Ext.MessageBox.alert('信息', '添加失败,请与管理员联系!'); } } }); } }] } ); win = new Ext.Window({ title : 'Window', closable : true, width : 660, height : 435, // border:false, plain : true, draggable : true, collapsible : true, closeAction : 'hide', items : [from] }); } // from.findField("BUFFERDATA").setValue("blob test"); win.show(Ext.get('update-btn')); /** * form加载事件 */ // from.form.findField("BUFFERDATA").setValue(blob.bufferdata); from.getForm().loadRecord(selectRecode); // from.form.findField("BUFFERDATA").setValue(blob.bufferdata); }; // =================================渲染呈现======================================== /** * 渲染呈现Grid,Store初始化 */ var queryform = new Ext.FormPanel({ labelAlign : 'left', region : 'north', title : '电文查询', buttonAlign : 'right', bodyStyle : 'padding:5px', width : 300, height : 150, frame : true, labelWidth : 80, items : [{ layout : 'column', border : false, items : [{ columnWidth : .5, layout : 'form', border : false, items : [{ // 用户编号 xtype : 'textfield', fieldLabel : '电文号', name : 'messageid', anchor : '85%' }, { // 用户编号 xtype : 'datefield', fieldLabel : '开始时间', name : 'startdate', format : 'Y-m-d', anchor : '85%' } ] }, { columnWidth : .5, layout : 'form', border : false, items : [{ // 用户名 xtype : 'textfield', fieldLabel : '终点代码', name : 'destination', anchor : '85%' }, { // 用户名 xtype : 'datefield', fieldLabel : '结束时间', name : 'enddate', format : 'Y-m-d', anchor : '85%' }] }] }], buttons : [ { text : '查询', handler : function() { var messageid = queryform.form.findField("messageid") .getValue(); // alert("messageid:"+messageid); var destination = queryform.form.findField("destination") .getValue(); // alert("destination:"+destination); var start = queryform.form.findField("startdate").getValue(); var startdate; // alert("start:"+start); if (start != null && start != "") { startdate = start.format("Y-m-d"); } // alert("startdate:"+startdate); var end = queryform.form.findField("enddate").getValue(); var enddate; // alert("end:"+end); if (end != null && end != "") { enddate = end.format("Y-m-d"); } // alert("enddate:"+enddate); store.baseParams = { messageid : messageid, destination : destination, startdate : startdate, enddate : enddate }; store.reload({ params : { start : 0, limit : inputPageSize } }); } }, { text : '重置', handler : function() { queryform.form.reset(); } }] }) var viewport = new Ext.Viewport({ layout : 'border', items : [queryform, grid] }) grid.render(); store.load({ params : { start : 0, limit : inputPageSize } }); }) Ext.override(Ext.menu.DateMenu, { render : function() { Ext.menu.DateMenu.superclass.render.call(this); if (Ext.isGecko) { this.picker.el.dom.childNodes[0].style.width = '178px'; this.picker.el.dom.style.width = '178px'; } } }); [/code] 点击主页面的分组详细信息,跳出一个子窗口,显示该组的详细纪录分页及查询,我现在想要的是在点击子窗口的的详细信息在跳出一个窗口,显示该条纪录的详细信息 [b]问题补充:[/b] to yourgame:我截图贴上来你就明白了,图1是主窗口点击上面的分组电文详细信息,就跳出图2子窗口,我现在就想点击图2的详细信息在跳出一个子窗口图3。图2是渲染到图1的一个div块的id,图2在跳出一个窗口3就没有可渲染的地方,因为图2是一个ext window不包含任何html,我的问题就在这里。 [b]问题补充:[/b] to yourgame:你还是没理解我要啥,你这只实现我做的工作,我的意思主页面跳出一个ext window,点击这个ext window上的grid在跳出一个ext window [b]问题补充:[/b] to yourname:子窗口可以跳出,但是值代不出来,第3个窗口的列信息和主窗口是不一样的
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
C语言荣获2019年度最佳编程语言
关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang近日,TIOBE官方发布了2020年1月编程语言排行榜单。我在前面给过一篇文章《2019年11月C语言接近Ja...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
一份王者荣耀的英雄数据报告
咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章,从数据的获取到数据清洗,数据落地,都是为了本篇的铺垫。今天来实现一下,看看不同维度得到的结论。2环境准备本次实...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
​两年前不知如何编写代码的我,现在是一名人工智能工程师
全文共3526字,预计学习时长11分钟 图源:Unsplash 经常有小伙伴私信给小芯,我没有编程基础,不会写代码,如何进入AI行业呢?还能赶上AI浪潮吗? 任何时候努力都不算晚。 下面,小芯就给大家讲一个朋友的真实故事,希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。(下文以第一人称叙述) 图源:Unsplash 正如Elsa所说,职业转换是...
强烈推荐10本程序员必读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
作为一个程序员,内存的这些硬核知识你必须懂!
我们之前讲过CPU,也说了CPU和内存的那点事儿,今天咱就再来说说有关内存,作为一个程序员,你必须要懂的哪那些硬核知识! 大白话聊一聊,很重要! 先来大白话的跟大家聊一聊,我们这里说的内存啊,其实就是说的我们电脑里面的内存条,所以嘞,内存就是内存条,数据要放在这上面才能被cpu读取从而做运算,还有硬盘,就是电脑中的C盘啥的,一个程序需要运行的话需要向内存申请一块独立的内存空间,这个程序本身是存放在...
非典逼出了淘宝和京东,新冠病毒能够逼出什么?
loonggg读完需要5分钟速读仅需 2 分钟大家好,我是你们的校长。我知道大家在家里都憋坏了,大家可能相对于封闭在家里“坐月子”,更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
牛逼!一行代码居然能解决这么多曾经困扰我半天的算法题
春节假期这么长,干啥最好?当然是折腾一些算法题了,下面给大家讲几道一行代码就能解决的算法题,当然,我相信这些算法题你都做过,不过就算做过,也是可以看一看滴,毕竟,你当初大概率不是一行代码解决的。 学会了一行代码解决,以后遇到面试官问起的话,就可以装逼了。 一、2 的幂次方 问题描述:判断一个整数 n 是否为 2 的幂次方 对于这道题,常规操作是不断这把这个数除以 2,然后判断是否有余数,直到 ...
用前端5分钟写一个在线m3u8在线播放器
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X...
Spring框架|JdbcTemplate介绍
文章目录一、JdbcTemplate 概述二、创建对象的源码分析三、JdbcTemplate操作数据库 一、JdbcTemplate 概述 在之前的web学习中,学习了手动封装JDBCtemplate,其好处是通过(sql语句+参数)模板化了编程。而真正的JDBCtemplete类,是Spring框架为我们写好的。 它是 Spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单...
为什么说程序员做外包没前途?
之前做过不到3个月的外包,2020的第一天就被释放了,2019年还剩1天,我从外包公司离职了。我就谈谈我个人的看法吧。首先我们定义一下什么是有前途 稳定的工作环境 不错的收入 能够在项目中不断提升自己的技能(ps:非技术上的认知也算) 找下家的时候能找到一份工资更高的工作 如果你目前还年轻,但高不成低不就,只有外包offer,那请往下看。 外包公司你应该...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
终于!疫情之下,第一批企业没能熬住面临倒闭,员工被遣散,没能等来春暖花开!
先来看一个图: 这个春节,我同所有人一样,不仅密切关注这次新型肺炎,还同时关注行业趋势和企业。在家憋了半个月,我选择给自己看书充电。因为在疫情之后,行业竞争会更加加剧,必须做好未雨绸缪,时刻保持充电。 看了今年的情况,突然想到大佬往年经典语录: 马云:未来无业可就,无工可打,无商可务 李彦宏:人工智能时代,有些专业将被淘汰,还没毕业就失业 马化腾:未来3年将大洗牌,迎21世界以来最大失业潮 王...
立即提问