extjs5 请教Ext.data.proxy.JsonP的使用方法!!!

背景:extjs5(mvc),Java~从一个系统获取另外一个系统的数据
在store的URL填上一个系统提供的API,可是会出错,查询得知,是跨域获取数据问题,请问应该怎么去解决这个跨域的问题?
还有,查到,用jsonp这个方法可以解决跨域的问题,可是没用过这个方法,不会用,请问,有哪位高人有什么好的例子可以提供来参考吗?由于本人的智商有限,希望给出的例子别太高大上,拜托了!!!
(附:看过extjs的有关的API了,问题出在服务器端的实现)

2个回答

问题是你能改另外一个系统的返回的内容没有线,没有只能做代理。能的话讲数据改为

callback(JSON数据)这种格式的

你下载的官方压缩包里面就有jsonp的实例

ext-5.1.0\examples\grid\locking-infinite-scroll.html

这个就是,具体代码看locking-infinite-scroll.js这个文件

qq_36702839
qq_36702839 回复showbo: 哦哦,好的,试试,谢谢!
接近 3 年之前 回复
showbo
支付宝加好友偷能量挖 回复qq_36702839: 不能改只能做代理了。看这个http://www.cnblogs.com/zhuawang/archive/2012/12/08/2809380.html在你站点做一个页面用这个页面说的发送请求请求另外的系统获取数据,然后extjs的proxy配置为你本站的这个页面
接近 3 年之前 回复
qq_36702839
qq_36702839 不能修改,代理怎么实现呢?
接近 3 年之前 回复

其中callback改为服务器端动态获取,java应该request.getParameter("callback")

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
extjs Ext.form.ComboBox 的设置默认值的问题
我的js: Ext.onReady(function(){ var dbConnectionRecord = Ext.data.Record.create([ {name: 'dbConnectionKey',type:"string",mapping:"dbConnectionKey"}, {name: 'name',type:"string",mapping:"name"} ]); var dataProxy=new Ext.data.HttpProxy({url:"<%=basePath%>getDBConnection.action"}); var theReader=new Ext.data.JsonReader({totalProperty: 'totalProperty',root:'root',id:"ecname"},dbConnectionRecord); var dbstore=new Ext.data.Store({proxy:dataProxy,reader:theReader}); dbstore.load(); var dbcombo = new Ext.form.ComboBox({ id:'dbCombo', renderTo:Ext.getBody(), store: dbstore, valueField:'dbConnectionKey', displayField:'name', typeAhead: true, emptyText:'请选择', readOnly : true, mode: 'local', name:"dbkey", hiddenName:'dbkey', editable: false, triggerAction: 'all', selectOnFocus:true }); dbcombo.setValue("4"); }); 这样设置后 dbcombo 显示的是 4 而不是 对应的 选项 请各位 给看看怎么回事?
请教extjs Ext.panel.Panel的collapse(方法)的使用
求Ext.panel.Panel的collapse(方法)的使用 (不是true或false的那个配置的,是写在controller里面的,带个括号的那个)
【extjs】Ext.data.HttpProxy的问题,关于grid加载acion返回数据(struts2)
如题,初学extjs [code="java"] var store =new Ext.data.JsonStore({ autoLoad:true, proxy:new Ext.data.HttpProxy({url:"http://localhost:8080/rbs/Login_testLogin.action"}), // data:[{"id":1,"name":"图片","typeValue":"pic"},{"id":2,"name":"视频","typeValue":"avi"}], fields:["id","name","typeValue"], }) [/code] 上面的代码中,url里的action返回的string结果就是下面注释行中data的内容 但是当我使用注释行里写死的数据的时候,grid才能加载到数据,而用proxy获取action返回数据的时候,却不行 然后是action的代码 [code="java"] List<Types> lt = service.findListByParam("from Types types"); JSONArray jsonObject = JSONArray.fromObject(lt); outputStr = jsonObject.toString(); System.out.println(outputStr); PrintWriter out = ServletActionContext.getResponse().getWriter(); getResponse().setContentType("text/javascript;charset=GBK"); out.print(outputStr); return null; [/code]
extjs Ext.grid.GridPanel组件使用时不显示数据
一.extjs grid 页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" type="text/css" href="<%=path %>/ext/resources/css/ext-all.css"/> <script type="text/javascript" src="<%=path %>/ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="<%=path %>/ext/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ //handleMouseDown:Ext.emptyFn此属性去取消单击行选中复选框 singleSelect:true此属性是取消按shft多选 //创建表的列模型 var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id',sortable:true}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); //创建数据存储对象 var store = new Ext.data.Store({ proxy:new Ext.data.HttpProxy({url:'<%=path%>/data.jsp'}), reader:new Ext.data.JsonReader({ totalProperty:'totalProperty', root:'root' },[ {name:'id'}, {name:'name'}, {name:'descn'} ]) }); //store.load();//如果配置了Ext.PagingToolbar分页工具条 那么store.load()就要在Grid后执行 //用GrinPanel装配 var grid = new Ext.grid.GridPanel({ renderTo:'grid', //渲染范围 loadMask:true, //是否加载提示 store:store, //数据存储对象 cm:cm, //列模型 stripeRows:true, //是否隔行变色 enableColumnMove:true, //列是否可拖拽 enableColumnResize:true,//列宽是否可拖拽改变大小 autoHeight:true, width:700, viewConfig:{ columnsText:'显示的列', scrollOffset:30, sortAscText:'升序', sortDescText:'降序', forceFit:true }, bbar:new Ext.PagingToolbar({ pageSize:6, store:store, displayInfo:true, displayMsg:'显示第{0}条到{1}条记录,一共{2}条', emptyMsg:'没有记录' }) }); store.load({params:{start:1,limit:6}}); }); </script> </head> <body> <div id="grid"></div> </body> </html> 二.提供json数据页面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <% String start = request.getParameter("start"); String limit = request.getParameter("limit"); try { int index = Integer.parseInt(start); int pageSize = Integer.parseInt(limit); String json = "{totalProperty:100,root:["; for (int i = index; i < pageSize + index; i++) { json += "{id:" + i + ",name:name" + i + ",descn:descn" + i + "}"; if (i != pageSize + index - 1) { json += ","; } } json += "]}"; out.print(json); } catch (Exception e) { e.printStackTrace(); } %> </body> </html>
使用Ext.log()函数需要导入ExtJs 3.2.0的那些库文件
我导入了 <link rel="stylesheet" type="text/css" href="../ext-3.2.0/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext-3.2.0/adapter/ext/ext-base.js" ></script> <script type="text/javascript" src="../ext-3.2.0/ext-all-debug.js" ></script> 在js中使用Ext.log(),提示没有此方法或者属性 在ExtJs 2.0中我就是导入这2个库文件和一个css样式表 是不是ExtJs 3.2.0需要再引用其他库文件?
Ext.data.Store 后台加载数据,加载不进去
//extjs版本4.0.7 代码如下: Ext.define("Role",{ extend:"Ext.data.Model", fields:[ {name:'num',type:'string',min:1,max:8}, {name:'name',type:'string',min:1,max:50}, {name:'valid',type:'int',min:1,max:1}, {name:'bz',type:'string'} ] }); var arrayStore = new Ext.data.Store({ proxy :new Ext.data.HttpProxy({ url : '<%=basePath%>role.do?action=list' }), reader : new Ext.data.JsonReader({ model: 'Role' }) }); arrayStore.load(); //返回的数据 [ {"bz":"5","name":"角色5","num":"00000023","valid":1}, {"bz":"4","name":"角色4","num":"00000021","valid":1}, {"bz":"2","name":"角色3","num":"00000003","valid":1}, {"bz":"1","name":"角色2","num":"00000002","valid":1}, {"bz":"1","name":"角色1","num":"00000001","valid":1} ] 浏览器报错: 火狐 : this.model is undefined IE : prototye is null 另外一种数据格式我也试过了: [ ['00000023','角色5',1,'5'], ['00000021','角色4',1,'4'], ['00000003','角色3',1,'2'], ['00000002','角色2',1,'1'], ['00000001','角色1',1,'1'] ]
Extjs Ext.ux.form.LovCombo 多选问题,求大牛帮忙啊!
当选择的时候,离开焦点到空白的时候, 多选下拉框会把所有相同名字都显示出来, 这个问题怎么解决。。。。。。。。 附代码 ``` this.billComboBox = new Ext.ux.form.LovCombo({ store : this.billStore, emptyText : '请选择', name : 'billName', allowBlank : false, mode : 'local', blankText : '提料单名称不能为空!', editable : false, tpl:'<tpl for="."><div class="x-combo-list-item"><span><input type="checkbox" {[values.check?"checked":""]} value="{[values.billId]}" /></span><span >{billName}</span></div></tpl>', valueField : 'billId', displayField : 'billName', resizable : true, fieldLabel : '提料单', listeners : { 'select' : function(comboBox) { this.getForm().findField("billId") .setValue(comboBox.value); }, 'beforequery' : function(comboBox) { var sonProjectId = this.getForm().findField('sonProjectId') .getValue(); if (!sonProjectId) { Ext.MessageBox.alert('提示', "请选择子项目名称!"); return false; } // 修改时有数据单store没有加载 if (this.billStore.data.length == 0) { this.billStore.reload(); return false; } }, scope : this } }); ```
ExtJS 中Ext.Msg.alert()确认是OK怎么改成‘确认’
在ExtJS4.0中,Ext.Msg.alert()弹出的对话框是‘OK’ 我想改为‘确认’,怎么实现?
extjs Ext.msg.alert()文本显示为空
Ext.Msg.alert('提示','110'); 110显示不出来,为空白!![图片说明](https://img-ask.csdn.net/upload/201511/21/1448071979_686513.png)
extjs4.2 为什么提示我ext.onready没有定义
html引用: ```  <link href="./extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="./extjs/bootstrap.js" type="text/javascript"></script> <script src="./extjs/ext-lang-zh_CN.js" type="text/javascript"></script> <script src="./js/index.js" type="text/javascript"></script> ``` js文件 ``` Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title : 'Ext.layout.container.Border布局示例', layout:'border',//边框布局 renderTo: Ext.getbody(), height : 250, width : 400, frame : true, defaults : {//设置默认属性 collapsible : true }, items: [{ title: 'north Panel', html : '上边', region: 'north',//指定子面板所在区域为north height: 50 },{ title: 'South Panel', html : '下边', region: 'south',//指定子面板所在区域为south height: 50 },{ title: 'West Panel', html : '左边', region:'west',//指定子面板所在区域为west width: 100 },{ title: 'east Panel', frameHeader : true, frame : false, html : '右边', region:'east',//指定子面板所在区域为east width: 100 },{ title: 'Main Content', html : '中间', region:'center'//指定子面板所在区域为center }] }); }); ``` 页面上错误提示: ![CSDN移动问答][1] [1]: http://img.my.csdn.net/uploads/201312/31/1388481933_1537.png
ExtJS4 Ext.Panel控件style不显示背景图
[code="java"] var logoPanel = new Ext.Panel({ style: {background:'#FFFFFF url(../../extjs-4.1.0/resources/images/login.gif) center'}, region: 'center' }); [/code] 上面显示路径都对的 就是图片不显示出来
关于 Extjs 4.X中 Ext.Function源码中的一些问题, 关于javascript基础知识的
Ext.Function中定义了如下一个叫做flexSetter的函数,其作用看看就明白 问题在于 其中做a===null判断的地方为什么不用a==null呢? 源码如下: Ext.Function = { /** * A very commonly used method throughout the framework. It acts as a wrapper around another method * which originally accepts 2 arguments for `name` and `value`. * The wrapped function then allows "flexible" value setting of either: * * - `name` and `value` as 2 arguments * - one single object argument with multiple key - value pairs * * For example: * * var setValue = Ext.Function.flexSetter(function(name, value) { * this[name] = value; * }); * * // Afterwards * // Setting a single name - value * setValue('name1', 'value1'); * * // Settings multiple name - value pairs * setValue({ * name1: 'value1', * name2: 'value2', * name3: 'value3' * }); * * @param {Function} setter * @returns {Function} flexSetter */ flexSetter: function(fn) { return function(a, b) { var k, i; if (a === null) { return this; } if (typeof a !== 'string') { for (k in a) { if (a.hasOwnProperty(k)) { fn.call(this, k, a[k]); } } if (Ext.enumerables) { for (i = Ext.enumerables.length; i--;) { k = Ext.enumerables[i]; if (a.hasOwnProperty(k)) { fn.call(this, k, a[k]); } } } } else { fn.call(this, a, b); } return this; }; },
Extjs this.el.dom为空或不是对象
声明:本人是初学者 <script> Ext.onReady(function(){ Ext.BLANK_IMAGE_URL='ExtJS2/resources/images/default/s.gif'; Ext.QuickTips.init(); var form = new Ext.FormPanel({ title:'提示信息(qtip)', height:100, widht:300, frame:true, labelSeparator:':', labelWidth:60, labelAlign:'right', applyTo:'form', items:[ new Ext.form.TextField({ fieldLabel:'姓名', allowBlank:false, blankText:'请填写姓名', msgTarget:'qtip' }), new Ext.form.NumberField({ fieldLabel:'年龄', allowBlank:false, blankText:'请填写年龄', msgText:'qtip' }) ] }) } ) </script> IE中提示:Extjs this.el.dom为空或不是对象 FF中没有任何提示,但也没有预期效果 请问是怎么回事,我按着书上的代码写的,哪里有错吗?
EXT中Ext.toolbar.Paging组合键问题
我在写分页中组合键的跳页问题在网站中看到这样的用法: ExtJS中处理键盘事件很简单,在配置属性中加一个keys:object即可, object结构如下: key String/Array 进行处理的单个keycode或keycodes组成的数组 shift Boolean True:只有shift按下的的同时处理key (默认false) ctrl Boolean True:只有ctrl按下的的同时处理key (默认false) handler Function 当KeyMap找到预期的组合键时所执行的函数 alt Boolean True:只有alt按下的的同时处理key (默认false) fn Function 当组合键按下后回调函数 scope Object 回调函数的作用域 然后试了下为什么没有用? me.pagingToolbar = Ext.create('Ext.toolbar.Paging', { dock: 'bottom', displayInfo: true, bind: me.config.bind, keys: [ { key: [37, 39], alt: true, fn: function (e) { var thisPagingToolbar = me.pagingToolbar; me.PagingToolbar_KeyEvent(thisPagingToolbar, e); } }], me.dockedItems.push(me.pagingToolbar); }, 这是 me.PagingToolbar_KeyEvent= function (thisPagingToolbar, e) { if ((e.getKey() == Ext.event.Event.LEFT) || (e.getKey() == Ext.event.Event.PAGE_UP)) { if (thisPagingToolbar.getPageData().currentPage!= 1) thisPagingToolbar.movePrevious(); } if ((e.getKey() == Ext.event.Event.RIGHT) || (e.getKey() == Ext.event.Event.PAGE_DOWN)) { if (thisPagingToolbar.getPageData().currentPage != thisPagingToolbar.getPageData().pageCount) thisPagingToolbar.moveNext(); } if (e.getKey() == Ext.event.Event.HOME) { if (thisPagingToolbar.getPageData().currentPage!= 1) thisPagingToolbar.moveFirst(); } if (e.getKey() == Ext.event.Event.END) { if (thisPagingToolbar.getPageData().currentPage != thisPagingToolbar.getPageData().pageCount) thisPagingToolbar.moveLast(); } }方法,求大神指教
Ext.grid.PropertyGrid里的内容如何设置居右
[code="java"] cis.repository.smap.PropertyGridPanel.superclass.constructor.call(this, { id : 'propGrid', title : this.resourceBundle.FieldLabel.RESULT, frame : true, // autoHeight:true, hideHeaders : true, autoWidth : true, nameWidth : 400, valueWidth : 600, source : {} }); Ext.extend(cis.repository.smap.PropertyGridPanel, Ext.grid.PropertyGrid, {});[/code] 如何设置PropertyGridPanel里固定左边表头居右,右边输出内容居左呢??? 很急啊,请教大家了 [b]问题补充:[/b] 楼下的 这个样式放哪里 能否详细点,你这样我还是不清楚。 [b]问题补充:[/b] 我是需要source里的固定的表头居右,输出内容居左。 这样式往哪里加啊? [b]问题补充:[/b] 你有QQ 或MSN 吗, 我这问题很急 [b]问题补充:[/b] 这个好像没有用 [b]问题补充:[/b] 这是我的JSP页面setUserInfo.jsp,按你的加了样式 [code="java"]<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="../../../common/gui_lib.jsp"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../../../scripts/repository/ux/XPropertyGrid.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/repository/mobilehome/setUserInfo.js"></script> <script type="text/javascript" src="../../../scripts/repository/ux/RowFitLayout.js"></script> <style> .ext-ie .x-menu-item-icon {left: -24px;} .ext-strict .x-menu-item-icon {left: 3px;} .ext-ie6 .x-menu-item-icon {left: -24px;} .x-props-grid .x-grid3-hd-name{ text-align:right; } .x-props-grid .x-grid3-td-value{ text-align:left; } </style> <script type="text/javascript"> Ext.onReady(function() { Ext.QuickTips.init(); var formpanecondition = new cis.repository.smap.QueryCondition(); var exPropertyGrid = new cis.repository.smap.PropertyGridPanel(); var view=new Ext.Viewport( { layout:'row-fit', frame:true, items:[formpanecondition,exPropertyGrid] }); view.doLayout(); renderTo:'tab1'; }); </script> </head> <body> <div id="tab1"></div> </body> </html> [/code] 这是我的JS文件setUserInfo.jsp [code="java"] Ext.ns("cis.repository.smap"); include('scripts/repository/locale/queryHomeUserInfo_zh.js'); include('scripts/repository/locale/common_zh.js'); cis.repository.smap.QueryCondition = function() { var sequenceX = new Ext.form.TextField({ allowBlank : false, fieldLabel : this.resourceBundle.FieldLabel.PHONENO, // labelSeparator : '', name : 'sequenceX', anchor : '95%' }); var queryButton = new Ext.Button({ text : BUTTON_SEARCH, minWidth : COMMONDATA_QUERY_BUTTON, handler : function() { var mk = new Ext.LoadMask("propGrid", { msg : MSG_DATA_LOADING, removeMask : true // 完成后移除 }); mk.show(); // 显示 // var updatePropertyBt = Ext.getCmp("edit-menuitem-btn"); if (sequenceX.getValue() != '') { var sequence = sequenceX.getValue(); Ext.Ajax.request({ url : '../../../extend/mobilehome/searchUserInfo.action', method : 'POST', timeout : "120000", params : { phoneNuber : sequence }, success : function(form, action) { // Ext.getCmp("propGrid").setSource({ // "msisdn" : "msisdn", // "prefAreaFlag1" : "prefAreaFlag1" // }); mk.hide(); var result = Ext.util.JSON .decode(form.responseText); // alert(result.success); // alert("result:" + result.data); // alert(result.msg); // var msisdn = "13957160043"; if (result.success == "true") { var gridPanel = Ext.getCmp("propGrid"); //alert("---="+result.data.msisdn); gridPanel.setSource({ "用户号码" : result.data.msisdn, "业务状态" : result.data.serviceState, "内部套餐号" : result.data.innerPkgid , "优惠区提醒开关" : result.data.serviceFlag1, "非优惠区提醒开关" : result.data.serviceFlag2, "提醒方式" : result.data.serviceFlag3, "业务申请时间" : result.data.createTime, "业务开通时间" : result.data.beginTime, "业务取消时间" : result.data.endtime, "最近一次提醒注册优惠区时间" : result.data.lstRegnotifyTime, "是否启用后备优惠区域1" : result.data.prefAreaFlag1, "优惠区1的一天内注册次数" : result.data.regareAcnt1, "优惠区域1的最近一次定位时间" : result.data.lstDetectTime1, "是否启用后备优惠区域2" : result.data.prefAreaFlag2, "优惠区2的一天内注册次数" : result.data.regareAcnt2, "优惠区域2的最近一次定位时间" : result.data.lstDetectTime2, "是否启用后备优惠区域3" : result.data.prefAreaFlag3, "优惠区3的一天内注册次数" : result.data.regareAcnt3, "优惠区域3的最近一次定位时间" : result.data.lstDetectTime3, "是否启用后备优惠区域4" : result.data.prefAreaFlag4, "优惠区4的一天内注册次数" : result.data.regareAcnt4, "优惠区域4的最近一次定位时间" : result.data.lstDetectTime4 }); // alert("sdkfjslfjsf"); // gridPanel.load(); // alert(result.data); // gridPanel.load(result.data); // updatePropertyBt.enable(); } else { Ext.Msg.show({ title : MSG_TITLE, msg : result.msg, buttons : Ext.Msg.OK, icon : Ext.Msg.ERROR }); } }, failure : function(form, action) { // alert("failure"); mk.hide(); Ext.Msg.show({ title : MSG_TITLE, msg : MSG_EXCEPTION, buttons : Ext.Msg.OK, icon : Ext.Msg.ERROR }); } }); } else { Ext.MessageBox.alert(MSG_TITLE, MSG_FIX_ERROR); } } }); var resetbutton = new Ext.Button({ text : this.resourceBundle.FieldLabel.RESET, handler : function() { queryPhoneNumber.reset(); } }); cis.repository.smap.QueryCondition.superclass.constructor.call(this, { id : 'websmapquerycondition', title : MSG_QUERYCONDITON, width : '100%', collapsible : true, height : 70, bodyStyle : "padding:5px 10px 5px 10px", frame : true, defaults : { anchor : '90%' }, items : [{ layout : "form", xtype : 'panel', baseCls : "x-plain", labelAlign : 'right', defaults : { baseCls : "x-plain" }, items : [{ layout : "column", items : [{ columnWidth : .33, layout : 'form', height : 25, labelAlign : 'left', labelWidth : 55, items : [sequenceX] }, { columnWidth : .1, layout : 'form', height : 25, buttonAlign : 'right', items : [queryButton] }] }] }] }); }; Ext.extend(cis.repository.smap.QueryCondition, Ext.form.FormPanel, {}); function updateFNOs(source) { var jsonDataStr = null; if (source) { jsonDataStr = Ext.encode(source); } if (jsonDataStr) { var mk = new Ext.LoadMask("propGrid", { msg : MSG_DATA_LOADING, removeMask : true }); mk.show(); var requestCg = { url : '../../../extend/mobilehome/editUserInfo.action', method : 'post', params : { jsonData : jsonDataStr }, timeout : 120000, callback : function(options, success, response) { // alert(success + "\t" + response); mk.hide(); mk.destroy(); if (!success) { Ext.MessageBox.show({ title : MSG_TITLE, msg : MSG_EXCEPTION, icon : Ext.MessageBox.ERROR, buttons : Ext.MessageBox.OK }); } else { if (response) { var infoData = Ext.decode(response.responseText); var msg = infoData.msg; var operateRslt = infoData.success; if (operateRslt && operateRslt != "true") { Ext.MessageBox.show({ title : MSG_TITLE, msg : msg, icon : Ext.MessageBox.ERROR, buttons : Ext.MessageBox.OK }); } else { Ext.MessageBox.show({ title : MSG_TITLE, msg : msg, icon : Ext.MessageBox.INFO, buttons : Ext.MessageBox.OK }); } } } } } Ext.Ajax.request(requestCg); } else { return false; } } cis.repository.smap.PropertyGridPanel = function() { var menubar = new Ext.Toolbar({ items : [{ id : 'edit-menuitem-btn', text : "修改", disabled : true, iconCls : 'edit', icon : '../../../images/default/button/edit.gif', handler : function() { var grid = Ext.getCmp("propGrid"); if (grid) { var source = grid.getSource(); updateFNOs(source); this.disable(); } } }] }); var pStore = new Ext.grid.PropertyStore({}); cis.repository.smap.PropertyGridPanel.superclass.constructor.call(this, { id : 'propGrid', title : this.resourceBundle.FieldLabel.RESULT, frame : true, // autoHeight:true, hideHeaders : true, autoWidth : true, nameWidth : 400, valueWidth : 600, // tbar : menubar, style:".x-props-grid .x-grid3-hd-name{ text-align:right;}", customEditors : { "是否启用后备优惠区域1" : new Ext.grid.GridEditor(new Ext.form.ComboBox({ editable : false, displayField : 'prefAreaFlag1', mode : 'local', triggerAction : 'all', selectOnFocus : true, store : new Ext.data.SimpleStore({ fields : ['prefAreaFlag1'], data : [['未开通'], ['使用正式优惠区'], ['使用后备优惠区']] }) })) }, source : { "用户号码" : "", "业务状态" : "", "内部套餐号" : "", "优惠区提醒开关" : "", "非优惠区提醒开关" : "", "提醒方式" : "", "业务申请时间" : "", "业务开通时间" : "", "业务取消时间" : "", "最近一次提醒注册优惠区时间" : "", "是否启用后备优惠区域1" : "", "优惠区1的一天内注册次数" : "", "优惠区域1的最近一次定位时间" : "", "是否启用后备优惠区域2" : "", "优惠区2的一天内注册次数" : "", "优惠区域2的最近一次定位时间" : "", "是否启用后备优惠区域3" : "", "优惠区3的一天内注册次数" : "", "优惠区域3的最近一次定位时间" : "", "是否启用后备优惠区域4" : "", "优惠区4的一天内注册次数" : "", "优惠区域4的最近一次定位时间" : "" }, buttons : [{ text : '提交', handler : function() { var grid = Ext.getCmp("propGrid"); if (grid) { var source = grid.getSource(); var jsonDataStr = null; if (source) { jsonDataStr = Ext.encode(source); } if (jsonDataStr) { var mk = new Ext.LoadMask("propGrid", { msg : MSG_DATA_LOADING, removeMask : true }); mk.show(); var requestCg = { url : '../../../extend/mobilehome/editUserInfo.action', method : 'post', params : { jsonData : jsonDataStr }, timeout : 120000, callback : function(options, success, response) { // alert(success + "\t" + response); mk.hide(); mk.destroy(); if (!success) { Ext.MessageBox.show({ title : MSG_TITLE, msg : MSG_EXCEPTION, icon : Ext.MessageBox.ERROR, buttons : Ext.MessageBox.OK }); } else { if (response) { var infoData = Ext .decode(response.responseText); var msg = infoData.msg; var operateRslt = infoData.success; if (operateRslt && operateRslt != "true") { Ext.MessageBox.show({ title : MSG_TITLE, msg : msg, icon : Ext.MessageBox.ERROR, buttons : Ext.MessageBox.OK }); } else { Ext.MessageBox.show({ title : MSG_TITLE, msg : msg, icon : Ext.MessageBox.INFO, buttons : Ext.MessageBox.OK }); } } } } } Ext.Ajax.request(requestCg); } else { return false; } } } }, { text : this.resourceBundle.FieldLabel.RESET, handler : function() { Ext.getCmp("propGrid").getSource(); } }], buttonAlign : 'center' }); }; Ext.extend(cis.repository.smap.PropertyGridPanel, Ext.grid.PropertyGrid, {}); [/code] [b]问题补充:[/b] 第二个是setUseInfo.js文件。 [b]问题补充:[/b] 你本地测试的NAME所对应的 ,明显是居左么。 怎么没问题啊? [b]问题补充:[/b] 我的结果: [img]http://www.iteye.com/upload/attachment/141323/d3f5de22-b4bf-378d-bd16-50245bbbe79d.jpg[/img] [b]问题补充:[/b] 我加了.x-props-grid .x-grid3-col-name{ text-align:right; } 第一列内容还是居左的。 [b]问题补充:[/b] 好了 好了,谢谢你的帮助,很感谢。EXTJS还有很多不懂的地方,希望多多指教 。 [b]问题补充:[/b] 我能知道你的MSN吗,我的是itzhoujia@hotmail.com.
Extjs5 grid store record data
先上代码 ``` var grid=o.ownerCt.ownerCt; var jsonArray = []; var data = grid.getSelectionModel().getSelection(); if(data.length == 0){ Ext.Msg.alert("confirm","please choose anyone item"); }else{ var st = grid.getStore(); Ext.Array.each(data,function(record){ jsonArray.push(record.data); }) ``` 现在的问题是,在 jsonArray.push(record.data);中,record.data突然多了一个(key&value)参数,‘id’,可是在用extjs4的时候,是没有id的,这个id是不需要的,多余的,请问怎么可以去掉这个id呢? (因为要换extjs版本,搬过去的后,同样的写法,参数会跑个多余的“id”出来,就是原本的就4个,现在5个了)
extjs 3.1 Ext.TabPanel dom为空或不是对象
在google下,没有找到解决方法, <br />在IE6下,报dom为空或不是对象,FF没有反应. <br />如果改为renderTo:Ext.getBody() <br />IE6下,报Ext.get...为空或不是对象,FF下可以看到效果. <br />初学extjs,指点下,谢谢 <br />JS代码: <br /><pre name="code" class="java"> var tabs = new Ext.TabPanel({ renderTo:'aaa', width:450, activeTab: 0, frame:true, defaults:{autoHeight: true}, items:[ {contentEl:'tab1', title: 'Short Text'}, {contentEl:'tab2', title: 'Long Text'} ] }); </pre> <br /> <br />html代码: <br /><pre name="code" class="java"> &lt;html&gt; &lt;head&gt; &lt;title&gt;bbb&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="extcss/ext-all.css" /&gt; &lt;script type="text/javascript" src="extjs/ext-base.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="extjs/ext-all.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="tabdemo.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="aaa"&gt;&lt;/div&gt; &lt;div id="tab1" class="x-hide-display"&gt;A simple tab&lt;/div&gt; &lt;div id="tab2" class="x-hide-display"&gt;Another one&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre>
Extjs 5 Ext.window.Window变灰不可编辑,如何调灰度(透明度)?
extjs5的,创建了一个window,model:true,变灰,不可编辑,可是变灰到看不清window里面的,请问要怎么才能设置这个灰度(透明度?)?让里面的东西可以清晰显示。
extjs 4.2.1 portal例子不要官网Demo
extjs 4.2.1 portal例子不要官网Demo,研究半天没研究出来
130 个相见恨晚的超实用网站,一次性分享出来
相见恨晚的超实用网站 持续更新中。。。
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
字节跳动视频编解码面经
三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时想着能进去就不错了,管他哪个岗呢,就同意了面试...
win10系统安装教程(U盘PE+UEFI安装)
一、准备工作 u盘,电脑一台,win10原版镜像(msdn官网) 二、下载wepe工具箱 极力推荐微pe(微pe官方下载) 下载64位的win10 pe,使用工具箱制作启动U盘打开软件, 选择安装到U盘(按照操作无需更改) 三、重启进入pe系统 1、关机后,将U盘插入电脑 2、按下电源后,按住F12进入启动项选择(技嘉主板是F12) 选择需要启...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Ol4网格生成以及优化
概述 先描述一下大致场景:以0.05为单元格大小生成网格,并在地图上绘制,绘制的时候需要区分海陆。本文以此需求为契机,简单描述一下该需求的实现以及如何来优化。 效果 实现 优化前 var source = new ol.source.Vector({ features: [] }); var vector = new ol.layer.Vector({ source...
11月19日科技资讯|华为明日发布鸿蒙整体战略;京东宣告全面向技术转型;Kotlin 1.3.60 发布
「极客头条」—— 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。扫描上方二维码进入 CSDN App 可以收听御姐萌妹 Style 的人工版音频哟。 一分钟速览新闻点! 6G 专家组成员:速率是 5G 的 10 至 100 倍,预计 2030 年商用 雷军:很多人多次劝我放弃WPS,能坚持下来并不是纯粹的商业决定 ...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
iOS Bug 太多,苹果终于坐不住了!
开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。不过一直以来,开源的 Android 吸引了无数的手机厂商涌入其中,为其生态带来了百花齐放的盛景,但和神秘且闭源的 iOS 系统相比,不少网友...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
程序员该看的几部电影
1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?如何...
蓝桥杯知识点汇总:基础知识和常用算法
文章目录基础语法部分:算法竞赛常用API:算法部分数据结构部分 此系列包含蓝桥杯绝大部分所考察的知识点,以及真题题解~ 基础语法部分: 备战蓝桥杯java(一):一般输入输出 和 快速输入输(BufferedReader&amp;BufferedWrite) 备战蓝桥杯java(二):java编程规范和常用数据类型 备战蓝桥杯java(三):常用功能符以及循环结构和分支结构 备战蓝桥杯java(四...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
@程序员,如何花式构建线程?
作者 |曾建责编 | 郭芮出品 | CSDN(ID:CSDNnews)在项目和业务的开发中,我们难免要经常使用线程来进行业务处理,使用线程可以保证我们的业务在相互处理之间可以保证原子性...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
实现简单的轮播图(单张图片、多张图片)
前言 刚学js没多久,这篇博客就当做记录了,以后还会完善的,希望大佬们多多指点。ps:下面出现的都是直接闪动,没有滑动效果的轮播图。 单张图片的替换 · ...
强烈推荐10本程序员在家读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
Linux自学篇——linux命令英文全称及解释
man: Manual 意思是手册,可以用这个命令查询其他命令的用法。 pwd:Print working directory 意思是密码。 su:Swith user 切换用户,切换到root用户 cd:Change directory 切换目录 ls:List files 列出目录下的文件 ps:Process Status 进程状态 mkdir:Make directory ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
疫情数据接口api
返回json示例 { "errcode":0,//0标识接口正常 "data":{ "date":"2020-01-30 07:47:23",//实时更新时间 "diagnosed":7736,//确诊人数 "suspect":12167,//疑是病例人数 "death":170,//死亡人数 "cur...
相关热词 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数 c#日期精确到分钟 c#自定义异常必须继承 c#查表并返回值 c# 动态 表达式树 c# 监控方法耗时 c# listbox c#chart显示滚动条
立即提问