- Ext做个弹出窗口，窗口里包含jsp网页?
-
弹出一个窗口或者是panal,如何在其中包含另外一个网页?url是 list.do,这个Action跳转到一个JSP
在当前页直接跳出一个类似window.open()的窗体?
[code="js"]Ext.onReady(function() {
var win = new Ext.Window({
width : 500,
height : 450,
autoLoad : {
url : 'list.do',
script : true
}
// html : ''//不推荐使用,很多人都喜欢这样用,早在2.0的时候官方就不推荐这样了
});
win.show();
});[/code]
EXTjs如何实现：点击按钮打开的新窗口，窗口里显示另外一个页面的表单？_course
2010-08-27EXTjs如何实现：点击按钮打开的新窗口，窗口里显示另外一个页面的表单？ 现在按钮的handler : updateStatusHandler2 目的：如何在 var updateStatusHand
jsp中点击一个按钮弹出一个窗口_course
2014-03-16jsp中点击一个搜索按钮 根据文本框填写的内容模糊查询 然后弹出一个窗口 窗口中显示查询出来的一些字符串可以单选
如何用Ext打开一个新窗口，带url地址的_course
2011-06-23如何用Ext打开一个新窗口，带url地址的 谢谢。
javascript ext导出excel问题_course
2013-07-16开发环境 容器：tomcat6.0 jdk：1.5 浏览器：ie6 问题描述：当ext导出excel，grid中的数据超出2000条时，excel中的只出现一个null字符串，无任何数据。
ext 复选框的触发事件_course
2009-07-17想像大家请教一下： 我在表格中定义了复选框var userSm = new Ext.grid.CheckboxSelectionModel(); 如何定义一个触发函数使得在复选框的状态改变时能够触发该函数？ 主要是想实现一个分页的功能，那如何定义一个在翻页的时候能够触发的函数呢？ 麻烦大家帮忙了，谢谢~~ :D [b]问题补充：[/b] 问一下selectionchange是指设置的userSm = new Ext.grid.CheckboxSelectionModel(); 这个复选框当选中/未选中状态改变的时候出发的吗？呵呵~~
Ext自带样式问题_course
2010-08-02[code="js"] [size=x-large]js文件代码[/size]function a() { var _window = new Ext.Window({ title : "窗体", layout : "form", width : 300, hidden : 400, plain : true, closeAction : "hide", items : [{ id : "textName", xtype : "textfield", fieldLabel : "姓名" }, { xtype : "textfield", fieldLabel : "密码" }], buttons : [{ text : "确定", handler : function() { alert(Ext.getCmp("textName").getValue()); } }, { text : "取消" }] }); _window.show(); } [size=x-large]页面调用代码[/size] <html> <head> <meta http-equiv="Content-Type" content="texh/html;charset=utf-8" /> <!-- 引用Ext脚本样式 --> <link rel="stylesheet" type="text/css" href="ext-all.css" /> <script type="text/javascript" src="ext-base.js"></script> <script type="text/javascript" src="ext-all.js"></script> <script type="text/javascript" src="ext_window.js"></script> <!-- 自定义脚本 --> <script type="text/javascript"> Ext.onReady(a); </script> </head> <body></body> </html> [size=x-large]结果见附件,Ext版本Ext={version:"3.2.0"}[/size] [/code]
ext form reset() 失效！_course
2010-07-28代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>templateAdmin</title> <link rel="stylesheet" type="text/css" href="../../resource/js/ext/resources/css/ext-all.css" /> <script type="text/javascript" src="../../resource/js/ext/adapter/ext/ext-base.js" ></script> <script type="text/javascript" src="../../resource/js/ext/ext-all-debug.js"></script> <link href="../../resource/js/ext/resources/css/xtheme-silverCherry.css" rel="stylesheet" type="text/css" /> <link href="../../resource/css/common.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../../resource/images/s.gif'; Ext.addForm = new Ext.form.FormPanel({ region:'center', bodyStyle:'padding-top:65px; padding-left:130px;', labelWidth:40, labelAlign:'right', frame:true, items:[ { xtype:'textfield', fieldLabel:'模板', id:'file', name:'file', inputType:'file', cls:'x-form-item' }, { xtype:"combo", fieldLabel: '模型', id:'combo', name: 'combo', store: new Ext.data.SimpleStore({ fields: ['value', 'text'], data: [ ['value1', 'text1'], ['value2', 'text2'] ] }), displayField: 'text', valueField: 'value', mode: 'local', emptyText:'请选择', cls:'x-form-item', triggerAction: 'all' } ], buttons:[ { text:'添加', handler:function(){ alert(Ext.getCmp('file').getValue() + ' ' + Ext.getCmp('combo').getValue()); } }, { text:'重置', handler:function(){ Ext.addForm.getForm().reset(); } } ] }); Ext.TmpAdminPanel = new Ext.Panel({ renderTo:'content', width:500, height:300, layout:'border', frame:true, items:[ Ext.addForm ] }); }); </script> <style type="text/css"> .x-form-item { float:left; margin-bottom:30px; } </style> </head> <body> <div id="content" style="padding-top:20px;padding-left: 200px;"></div> </body> </html> [color=red]模型重置成功！ 但模板重置不成功！不知为什么？？[/color]
Ext fireEvent的问题_course
2010-02-25下面的简单页面中，每点击grid中的某列，就会弹出这个列的单元格的内容 现在的问题是： 刚刚打开这个页面，任何一行都不是选中的， 这个时候我想点击rrrrrr这个button，让button生成一个id，比如是2 根据id=2寻找grid中某个id是2的行，并弹出它的内容？ 注意grid中没有任何一行是被点击过的，所以我想使用fireenent，但是调试部出来， 大侠们帮忙啦！！！ <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"> </script> <script type="text/javascript" src="extjs/ext-all.js"> </script> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript"> Ext.onReady(function(){ var data=[['1','linename111'],['2','linename222'],['3','linename333']]; var store=new Ext.data.SimpleStore({ data:data, fields:['biglineid','linename'] }); var cm = new Ext.grid.ColumnModel([ {header:'路线名称',dataIndex:'linename',sortable:true} ]); var grid = new Ext.grid.GridPanel({ renderTo:"hello", id:'hello_grid', cm:cm, store:store, height:200 }); grid.on('click',function(){ var rec=Ext.getCmp('hello_grid').getSelectionModel().getSelected(); alert(rec.data['linename']); }); }); function test(){ var id=2; Ext.getCmp('hello_grid').fireEvent('click',this); } </script> <div id='hello' > </div> <button onclick="test()">rrrrrr </button>
ext缺少':'问题_course
2009-07-12下面是我导的包和写的代码..我运行就会报23行缺少':',把24行下面的内容删了就不会有问题..请大家解决一些这问题 <link rel="stylesheet" href="ext/resources/css/ext-all.css" type="text/css"/> <link rel="stylesheet" href="ext/examples/examples.css" type="text/css"></link> <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/ext-all.js"></script> <script type="text/javascript" src="ext/examples/examples.js"></script> <script type="text/javascript"> 23行 Ext.onReady(function(){ 24行 var cm=new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex：'name'}, {header:'描述',dataIndex:'descn'} ]); }); </script> [b]问题补充：[/b] 23行那有来个缺少对象
Ext问题——A is undefined_course
2009-07-24小弟正处于学习Ext阶段，今天遇到了一个问题，望各位大哥帮忙解决。 这是小弟写的一个简单的js： Ext.onReady(function(){ Ext.QuickTips.init(); //左边的面板 var westPanel = new Ext.Panel({ region:"west", title:"左边的面板", layout:"accordion", width:200, minSize: 150, maxSize: 500, collapsible:true, animate:true, items:[westChildPanel1,westChildPanel2] }); //左边的面板中的第一个面板 var westChildPanel1 = new Ext.Panel({ title:"Ext核心API详解", width:200 }); //左边的面板中的第二个面板 var westChildPanel2 = new Ext.Panel({ title:"功能菜单", width:200 }); //中间的面板 var mainPanel = new Ext.tabPanel({ region:"center", title:"centerPanel" }); //北边的面板 var northPanel = new Ext.Panel({ region:"north", contentEl:"header" }); //主视图 var mainView = new Ext.Viewport({ layout:"border", items:[northPanel,westPanel,mainPanel] }); mainView.doLayout(); Ext.get('loading').remove(); Ext.get('loading-mask').fadeOut({remove:true}); }); html代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>main.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css"> <script type="text/javascript" src="ext-base.js"></script> <script type="text/javascript" src="ext-all.js"></script> </head> <script type="text/javascript" src="main.js"> </script> <body> <div id="header"><br/><h3 align=center>这里放顶部菜单栏</h3><br/></div> <div id="loading-mask" style=""></div> <div id="loading"> <div><img src="style/resources/extanim32.gif" style="margin-right:8px;" align="absmiddle"/>加载中，请稍等...</div> </div> </body> </html> 为什么运行的时候在Firebug给我提示： A is undefined http://localhost:8080/ExtPractice/ext-all.js Line 64
怎么学习EXT-js啊？_course
2008-07-29感觉那个类库好多，无从下手
ext designer 组件定义引用方式_course
2010-09-02这是用ext designer 自动生成的代码,我想讲items里json格式panel定义直接用panel类名替代，不知可不可行。 [code="java"]MyViewportUi = Ext.extend(Ext.Viewport, { layout: 'border', initComponent: function() { this.items = [ { xtype: 'panel', title: 'My Panel', region: 'center' }, {[color=red][/color] xtype: 'panel', title: 'My Panel', region: 'west', width: 100 }, { xtype: 'panel', title: 'My Panel', region: 'east', width: 100 } ]; MyViewportUi.superclass.initComponent.call(this); } }); [/code] 以下是ext designer 生成的viewport和panel的类定义 [color=red]viewport定义[/color][code="java"]MyViewportUi = Ext.extend(Ext.Viewport, { layout: 'border', initComponent: function() { this.items = [ { xtype: 'panel', title: 'My Panel', region: 'center' }, { xtype: 'panel', title: 'My Panel', region: 'west', width: 100 }, { xtype: 'panel', title: 'My Panel', region: 'east', width: 100 } ]; MyViewportUi.superclass.initComponent.call(this); } }); [/code] [color=red]panel定义[/color] [code="java"] MyPanelUi = Ext.extend(Ext.Panel, { title: 'My Panel', region: 'center', initComponent: function() { MyPanelUi.superclass.initComponent.call(this); } }); MyPanel1Ui = Ext.extend(Ext.Panel, { title: 'My Panel', region: 'west', width: 100, initComponent: function() { MyPanel1Ui.superclass.initComponent.call(this); } }); MyPanel2Ui = Ext.extend(Ext.Panel, { title: 'My Panel', region: 'east', width: 100, initComponent: function() { MyPanel2Ui.superclass.initComponent.call(this); } }); [/code] 我的想法是viewport中items不用json格式了，而是直接用panel的类名定义，如下面代码所示，不知可行，可有类似方法？ [code="java"] MyViewportUi = Ext.extend(Ext.Viewport, { layout: 'border', initComponent: function() { this.items = [ MyPanelUi, MyPanel1Ui, MyPanel2Ui ]; MyViewportUi.superclass.initComponent.call(this); } }); [/code]
Ext中checkbox显示不出来_course
2011-07-18如图： [img]http://dl.iteye.com/upload/attachment/519590/52fb82e7-11a4-347f-9364-23f211260551.jpg[/img] 代码如下: [code="javascript"] <script type="text/javascript"> Ext.onReady(function(){ var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});//复选框 //列模型 var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(),//自动生成行号 sm, {header:"编号",dataIndex:"id",sortable:true}, {header:"姓名",dataIndex:"name"}, {header:"性别",dataIndex:"sex",renderer:function(value){ if(value=='male'){ return "<span style='color:red;font-weight:bold'>红男</span><img src='image/user_male.png'/>"; } else { return "<span style='color:green;font-weight:bold'>绿女</span><img src='image/user_fmale.png'/>"; } }}, {id:"descn",header:"描述",dataIndex:"descn"}, {header:"日期",dataIndex:"date",type:'date',renderer:Ext.util.Format.dateRenderer('Y年m月d日')}]); var data=[['1','啊','male','descn1','1970-01-15T02:58:04'], ['2','啵','fmale','descn2','1970-01-15T02:58:04'], ['3','簎','fmale','descn3','1970-01-15T02:58:04'], ['4','德','male','descn4','2011-03-15T02:58:04'], ['5','咯','male','descn5','2011-05-15T02:58:04']]; var ds = new Ext.data.Store({ proxy:new Ext.data.MemoryProxy(data), reader:new Ext.data.ArrayReader({},[{name:'id'}, {name:'name'}, {name:'sex'}, {name:'descn'}, {name:'date',type:'date',dateFormat:'Y-m-dTh:i:s'}]), sortInfo:{field:'name',direction:'ASC'} }); ds.load();//加载数据 var grid = new Ext.grid.GridPanel({ el:'grid', ds:ds, cm:cm, sm:sm //autoExpandColumn:'descn' }); Ext.get('remove').on('click',function(){ ds.remove(ds.getAt(1)); grid.view.refresh(); }); grid.render();//渲染 }); //alert(Ext.get('remove')); </script> [/code] 代码可能有点长，大家挑重点的看就可以了~
请教关于Ext工具栏的问题(运行无结果)_course
2010-01-25<HTML> <HEAD> <meta http_equiv="Content-Type" content="text/html;charset=GBK"> <TITLE>toolbar</TITLE> <link rel="stylesheet" type="text/css" href="../ext-3.0.3/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext-3.0.3/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="../ext-3.0.3/ext-all.js"></script> <script type="text/javascript" src="menu.js"></script> </HEAD> <body> <div id="toolbar" style="Height:300px";></div> </body> </html> Ext.onReady(function(){ var tb = new Ext.Toolbar(); tb.render('toolbar'); // 为工具条添加4个按钮 tb.add({ text: '新建', handler: function() { Ext.Msg.alert('提示', '新建'); } },{ text: '修改', handler: function() { Ext.Msg.alert('提示', '修改'); } },{ text: '删除', handler: function() { Ext.Msg.alert('提示', '删除'); } },{ text: '显示', handler: function() { Ext.Msg.alert('提示', '新建'); } }); }); 帮忙解决一下？谢了！
Ext treepanel tabpanel 结合问题_course
2011-01-04<p> 现在从menu.json文件中读取菜单，点击左侧的树形菜单，右侧该如何动态加载相关模块的信息？ 请各位指教 谢谢~</p> <p> </p> <p> </p> <p> menu.json:</p> <p> </p> <pre name="code" class="xml">{ "code":"11", "name":"信息维护", "href":"", "iconCls":"information", "parentcode":"" },{ "code":"1101", "name":"机构维护", "href":"agency", "iconCls":"building", "parentcode":"11" },{ "code":"110101", "name":"三级菜单", "parentcode":"1101" }</pre> <p> </p> <p>AccordinTreePanel.js代码</p> <p> </p> <pre name="code" class="js">Ext.ns("QM.ui"); QM.ui.MenuPanel = Ext.extend(Ext.Panel, { /** * @cfg(url) 发送请求的地址 */ /** * @cfg(root) json数组的根字符串 */ constructor: function(config){ QM.ui.MenuPanel.superclass.constructor.call(this, Ext.apply({ maxSize: 240, minSize: 210, // collapseMode: 'mini', collapsible : true, // animCollapse: false, id: 'menuPanel', width: 210, header: true, split: true, layout: 'accordion', layoutConfig : { // 展开折叠是否有动画效果 animate : true }, region: 'west', autoScroll: true, margins:'0 0 0 5', cmargins: '0 0 0 0', ref: 'menuPanel' }, config || {})); }, initComponent: function(){ QM.ui.MenuPanel.superclass.initComponent.call(this); this.addEvents( /** * @event itemclick 树结点被点击时触发 参数：node 当前结点对象，record 当前结点对应record对象 */ 'click', /** * @event afterload 菜单项加载完毕后触发 */ 'afterload'); if (!this.store) { this.store = new Ext.data.JsonStore({ url: this.url, root: this.root, fields: ['code', 'name', 'parentcode', 'iconCls', 'href'] }); } this.store.load({ callback: this.loadTrees, scope: this }); }, loadTrees: function(records, o, s){ var pnodes, trees = [], tree; this.store.sort('code'); for (var i = 0; i < records.length; i++) { var record = records[i]; if (!record.get('parentcode')) { tree = this.creatTreeConfig(record); trees.push(tree); pnodes = []; pnodes.push(tree.root); } else { var next_record = records[i + 1]; var isLeaf = !next_record || next_record.get('parentcode') != record.get('code'); this.addTreeNode(pnodes, record, isLeaf); } } Ext.each(trees, function(tree){ this.add(tree); }, this); this.mon(this.el, 'click', this.onClick, this); this.doLayout(); this.store.destroy(); this.fireEvent('afterload', this); }, //@public 根据结点id找到结点对象 getNodeById: function(id){ var node, trees = this.findByType('treepanel', true); Ext.each(trees, function(tree){ node = tree.getNodeById(id); return !node;//找到的话返回false }); return node; }, onClick: function(e, t, o){ if (Ext.fly(t).hasClass('x-tree-ec-icon')) {//点击伸展按钮时无视 return; } var el, id, node; if (el = e.getTarget('.x-tree-node-el', 3, true)) { e.stopEvent(); id = el.getAttributeNS('ext', 'tree-node-id'); node = this.getNodeById(id); var workPanel = this.ownerCt.workPanel; workPanel.showTab(node); this.fireEvent('click', this, node); } }, creatTreeConfig: function(record){ var config = { xtype: 'treepanel', autoScroll: true, rootVisible: false, // useArrows:true, Vista-style的箭头 lines: true, title: record.get('name'), iconCls: record.get('iconCls'), border:false, root: { nodeType: 'async', expanded: true, id: record.get('code'), children: [] }, listeners: { 'deactivate': function(tree){ tree.getSelectionModel().clearSelections(true); } } }; return config; }, addTreeNode: function(pnodes, record, isLeaf){ var len = pnodes.length; for (var i = len - 1; i >= 0; i--) { if (pnodes[i].id != record.get('parentcode')) { pnodes.pop(); } else { var parent = pnodes[i].children; var node = { text: record.get('name'), id: record.get('code'), iconCls: record.get('iconCls'), href: record.get('href'), leaf: isLeaf }; if (!isLeaf) { node.children = []; pnodes.push(node); } parent.push(node); return; } } }, //@public根据node对象/id显示结点所在tree并选中 selectNode: function(node){ var tree; if (Ext.isString(node)) { node = this.getNodeById(node); } tree = node.getOwnerTree(); this.getLayout().setActiveItem(tree.getId()); tree.expandPath(node.getPath()); tree.getSelectionModel().select(node); } }); //showTab用于显示子组件，loadChild用于子组件的加载 QM.ui.WorkPanel = Ext.extend(Ext.TabPanel, { ref: 'workPanel', region: 'center', resizeTabs: true, minTabWidth: 135, tabWidth: 135, plugins: new Ext.ux.TabCloseMenu(), enableTabScroll: true, activeTab: 0, beforeInit: Ext.emptyFn, loadChild: Ext.emptyFn, initComponent: function(){ QM.ui.WorkPanel.superclass.initComponent.call(this); this.on('tabchange', this.onChange); }, onChange: function(tp, tab){ var menuPanel = this.ownerCt.menuPanel; var tree; if (tab.itemId) { menuPanel.selectNode(tab.itemId); } else //选择主页时清空当前树的选择项 if (tree = menuPanel.getLayout().activeItem) { tree.getSelectionModel().clearSelections(true); } }, //@public根据node或id显示对象panel没有的话创建 showTab: function(node){ var menuPanel = this.ownerCt.menuPanel;//找到菜单面板 if (Ext.isString(node)) { node = menuPanel.getNodeById(node); if (!node) { return; } } var tab, attrs = node.attributes; //只有没有下级的才能显示在右侧 if(attrs.leaf){ if (!this.getItem(attrs.id)) { tab = this.add({ itemId: attrs.id, title: attrs.text, iconCls: attrs.iconCls, closable: true, layout: 'fit' }) var child = this.loadChild(tab, node); tab.add(child || {}); this.doLayout(); } this.setActiveTab(attrs.id); } } })</pre> <p> </p> <p>login.jsp 页面</p> <p> </p> <p> </p> <pre name="code" class="jsp"><%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>web管理登录</title> <!-- 自定义Css样式 --> <link href="<%=request.getContextPath() %>/mycss/houfei-loading.css" rel="stylesheet" type="text/css" /> <link href="<%=request.getContextPath() %>/mycss/houfei-icon.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/CssStyle.css"/> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/themes.css"/> <!-- Ext 所需的Js和 Css 文件 --> <link href="<%=request.getContextPath() %>/ext-3.2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="<%=request.getContextPath() %>/ext-3.2.1/ext-base.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/ext-3.2.1/ext-all.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/ext-3.2.1/ext-lang-zh_CN.js" charset="utf-8"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/TabCloseMenu.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/FileUploadField.js"></script> <!-- 自定义工具类 --> <script type="text/javascript" src="<%=request.getContextPath() %>/js/GridPanelUtils.js"></script> <!-- 主页 --> <script type="text/javascript" src="<%=request.getContextPath() %>/myjs/AccordinTreePanel.js" charset="utf-8"></script> <!-- 各分模块 --> <!-- 用户角色 --> <script type="text/javascript" src="<%=request.getContextPath() %>/myjs/userrole/AddUserRoleWindow.js" charset="utf-8"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/myjs/userrole/EditUserRoleWindow.js" charset="utf-8"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/myjs/userrole/UserRoleForm.js.js" charset="utf-8"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/myjs/userrole/UserRoleGridPanel.js" charset="utf-8"></script> <!-- 主程序 --> <script type="text/javascript"> Ext.ns('App'); //菜单面板 App.MenuPanel = QM.ui.MenuPanel.extend({ root: 'menus', ref: 'menuPanel', url: '/sdcdmp_czfs/myjs/menu.json', title:'导航菜单', iconCls:'houfei-icon-plugin', // tbar:[{}], listeners: { 'click': Ext.emptyFn } }); //工作区面板 App.WorkPanel = QM.ui.WorkPanel.extend({ constructor: function(config){ config = config || {}; Ext.applyIf(config, { items: [{ title: '首页', iconCls:'houfei-homeTabIcon', html: '工作平台' }] }) App.WorkPanel.superclass.constructor.call(this, config); }, //tab：子组件 node：树节点 返回待添加组件 loadChild: function(tab, node){ var attrs=node.attributes; // alert("加载子组件:"+tab.itemId+"==="+attrs.id+"href:"+attrs.href); } }); //负责直连工作区 App.afterLoad = function(viewport){ var qstr = window.location.href.split('?')[1]; if (qstr) { var ps = Ext.urlDecode(qstr); var code = ps['code']; viewport.menuPanel.on('afterload', function(){ viewport.workPanel.showTab(code); viewport.doLayout(); }, null, { single: true }); } } Ext.onReady(function(){ Ext.QuickTips.init(); Ext.BLANK_IMAGE_URL = '/sdcdmp_czfs/ext-3.2.1/resources/images/default/tree/s.gif'; // ThemeManager.init('header'); var menupanel = new App.MenuPanel(); var workpanel = new App.WorkPanel(); var view = new Ext.Viewport({ layout: 'border', items: [{ cls: 'docs-header', height: 30, region: 'north', xtype: 'box', el: 'header', border: false }, { region: 'south', xtype: 'box', el: 'bottom' }, menupanel, workpanel] }); App.afterLoad(view); }); </script> </head> <body> <div id="header"> <div class="api-title"> web管理 </div> </div> <div id="bottom"> </div> </body> </html></pre> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p>
Ext自定义组件调用方法问题_course
2011-04-07新手，第一次使用EXT自定义扩展组件，请大家帮的看看，代码大体如下 Ext.namespace("eddy.ms.UserInfoPanel"); eddy.ms.UserInfoPanel = function(config) { var searchForm = new Ext.FormPanel({ ... }); var ds = new Ext.data.Store({ ... }); var grid = new Ext.grid.GridPanel({ ... ds:ds ... }); Ext.apply(this, { frame: true, width: 300, height: 300, layout: 'border', items:[searchForm, grid] }); eddy.ms.UserInfoPanel.superclass.constructor.apply(this, arguments); } Ext.extend(eddy.ms.UserInfoPanel, Ext.Panel, { onRender: function() { eddy.ms.UserInfoPanel.superclass.onRender.apply(this, arguments); }, loadData:function() { [size=large][size=small] [b] //我想在这个方法里面使用上面的searchForm和grid，该怎么弄[/b][/size][/size] } });
ext登录进度框waitMsg效果时间如何延长？_course
2009-09-10用ext的登录框会有一个正在登录的进度框的waitMsg的效果，由于我在login.action里有一个初始化数据库连接池的工作，因此这个login执行时间会比较长，当后台还在执行，前台也显示登录失败，可不可以把这个进度框执行的时间变长那，还有一个原因可能时login会话连接时间过长被服务端关闭了，firedug显示这个action用了30s [b]问题补充：[/b] to 各位： var form = loginform.getForm().submit( { waitTitle : '请稍候', waitMsg : '正在登录......', success : function() { //alert("login success"); window.location = path; }, failure : function() { Ext.MessageBox.alert('信息', '登陆失败，请与管理员联系!'); } } ); 我就是这样用的，没这么复杂吧 [b]问题补充：[/b] to Rowen：我的action，是form的action，没法设timeout的。[code="java"] var loginform = new Ext.FormPanel({ labelAlign : 'right', title : 'ixcom通信中间件 v3.5 ', buttonAlign : 'right', width : 260, frame : true, url : path+"login.do", plain : true, defaultType : 'textfield', labelWidth : 50, labelSeparator : ':', bodyStyle:'padding:3px 3px 0', items : [{ cls:'user', fieldLabel : '帐号', name : 'username', width:130, allowBlank : false }, { cls:'key', fieldLabel : '密码', name : 'userpassword', inputType : 'password', width:130, allowBlank : false }], buttons : [ { text : '登陆', handler : function() { var form = loginform.getForm().submit( { waitTitle : '请稍候', waitMsg : '正在登录......', success : function() { //alert("login success"); window.location = path; }, failure : function() { Ext.MessageBox.alert('信息', '登陆失败，请与管理员联系!'); } } ); } }, { text : '重置', handler : function() { loginform.getForm().reset(); } }] }) [/code]
Ext viewport布局问题_course
2010-12-02现在这边有一个EditGridPanel和FormPanel，我要实现上下布局，edit为'center'，formPanel为'North'，用viewport布局后只能显示出editgridpanel，不能显示formpanel。 [code="js"] var lyNorth={ id:'north_panel', region:'north', hight:200, border:false, items:[searchPanel] }; //中间 var lyCenter={ layout:'border', minSize:175, maxSize:400, id:'center_panel', region:'center', border:false, margins:'0,0,0,0', items:[cbdtGrid] }; Ext.onReady(function(){ Ext.QuickTips.init(); var viewport=new Ext.Viewport({ layout:'border', items:[lyCenter,lyNorth] }); cbdtGrid.getStore().reload(); setTimeout(function(){ Ext.get('loading').remove(); Ext.get('loading-mask').fadeOut({remove:true}); },250); }); [/code] 请问是什么原因，上面的panel不能显示哇？谢谢
关于Ext.extend的困惑_course
2009-08-03code can run: [code="java"] var MyPanel = Ext.extend(Ext.Panel, { buttons : [{ text : 'button', handler : Ext.emptyFn() }], initComponent : function() { Ext.apply(this, { items : [new Ext.Panel()] }); MyPanel.superclass.initComponent.apply(this, arguments); } }); Ext.reg('MyPanel', MyPanel); [/code] code error: [code="java"] var MyPanel = Ext.extend(Ext.Panel, { buttons : [{ text : 'button', handler : Ext.emptyFn() }], items : [new Ext.Panel()], initComponent : function() { Ext.apply(this, {}); MyPanel.superclass.initComponent.apply(this, arguments); } }); Ext.reg('MyPanel', MyPanel); [/code] create an instance of MyPanel [code="java"] Ext.onReady(function() { var myPanelA = new MyPanel({ title : 'Panel A' }); myPanelA.render(Ext.getBody()); }) [/code] 我的问题是items这个选项一定要在initComponent里配置吗?为什么?非常感谢
关于ext背景颜色的问题_course
2009-12-09[code="java"]<html> <head> <title> extjs </title> <link rel="stylesheet" type="text/css" href="ext-2.2.1\resources\css\ext-all.css"> <script type="text/javascript" src="ext-2.2.1\adapter\ext\ext-base.js"></script> <script type="text/javascript" src="ext-2.2.1\ext-all.js"></script> <script> Ext.onReady(function(){ var _window = new Ext.Window({ title:"登录", width:660, height:630, layout:"form", plain:true, items:[{ baseCls:"x-plain", layout:"column", items:[{ layout:"form", columnWidth:.5, items:[ { fieldLabel:"姓名", xtype:"textfield" }, { fieldLabel:"地址", xtype:"textfield" }, { fieldLabel:"工作单位", xtype:"textfield" }, { fieldLabel:"职务", xtype:"textfield" } ] }, { layout:"form", columnWidth:.5, items:[{ xtype:"textfield", fieldLabel:"个人照片", width:100, height:100, inputType:"image" }] }] }, { baseCls:"x-plain", layout:"form", items:[{ fieldLabel:"个人电话", xtype:"textfield" },{ fieldLabel:"家庭电话", xtype:"textfield" },{ fieldLabel:"办公电话", xtype:"textfield" }] }] }); _window.show(); }); </script> </head> <body> <form> <div id="container"></div> <div id="content2"></div> </form> </body> </html>[/code] 姓名到照片的items为什么背景颜色没有改变成和周围环境一样的？ 但是个人电话到办公电话都可以改变，我都是加了baseCls:"x-plain",为什么表现出来的结果不一样那？ [b]问题补充：[/b] to：hearken01 你的方法确实可以，但是必须加上frame配置（这个是表示圆角的吧），不知道为什么如此。而且也有点问题，frame和window颜色还是有点不一致，颜色稍微浅一点。baseCls配置项没有使用？这个不需要吗？ to：yourgame 好像明白你的意思，就是把表单弄成白色，如何弄。
ext：Window中放一个Panel, 如何让这个Panel在Window中 居中显示？？_course
2010-07-29代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PanelCenter.html</title> <link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" /> <script type="text/javascript" src="../ext-3.2.1/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="../ext-3.2.1/ext-all-debug.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.MyPanel = new Ext.Panel({ title:'居中的panel', width:200, height:300 }); Ext.MyWindow = new Ext.Window({ title:'我的panel居中了，真了不起！！', layout:'column', width:500, height:500, items:Ext.MyPanel }); Ext.MyWindow.render(Ext.getBody()); Ext.MyWindow.show(); }); </script> <style type="text/css"> </style> </head> <body> </body> </html> [color=red]我做的效果如下图，没实现居中！！ [/color]
ext 怎样获取combox当前选中的值_course
2009-07-03<pre name="code" class="java">{ id : 'sstatus', xtype : 'combo', fieldLabel : '状态', name : 'status', hiddenName : 'status', anchor : '90%', mode : 'local', store : statusDS, typeAhead : true, triggerAction : 'all', displayField : 'text', emptyText : '请选择', valueField : 'param', editable : false } Ext.get('sstatus').dom.value //这样获得的是选中选项的字面值，即displayField,我想获得value, 怎么写呢？</pre>
ext jsp报错_course
2009-04-23用的是myeclipse5.5工具,不知道是不是工具问题,jdk1.5,javaee5 最简单的例子，jsp页面报错：ext-all.js不支持此属性或方法 代码如下： <html> <head> <title>My JSP 'index.jsp' starting page</title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.MessageBox.alert("hello","Hello,easyjf open source"); } ); </script> </head> <body> .. </body> </html> [b]问题补充：[/b] 用的是myeclipse5.5工具,不知道是不是工具问题,jdk1.5,javaee5 ext2.02 最简单的例子，jsp页面报错：ext-all.js不支持此属性或方法 代码如下： <html> <head> <title>My JSP 'index.jsp' starting page</title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.MessageBox.alert("hello","Hello,easyjf open source"); } ); </script> </head> <body> .. </body> </html> [b]问题补充：[/b] 我用IE和green，都不行 [b]问题补充：[/b] 我不用myeclipse 直接在外面建个html添加上代码就可以用！！ 在myeclipse里建立html，jsp，htm发布到tomcate，就不行 [b]问题补充：[/b] 用火狐，不报错 但是效果不对，本来是个小弹出alert 结果出来的是全屏的alert
数据分析三剑客精讲+实战_course
2020-05-07它们是极为流行的数据分析利器，是人工智能和大数据领域必备技能。NumPy专注于科学计算，Matplotlib专注于数据可视化，Pandas专注于数据分析。 本专题通过引入案例，按照数据分析开发流程，全面讲解数据分析的重点知识。采用行业数据集，并通过实际项目让学员快速掌握数据分析的核心技能和项目技巧。
专为程序员设计的数学课_course
2019-11-11<p> 限时福利限时福利，<span>15000+程序员的选择！</span> </p> <p> 购课后添加学习助手（微信号：csdn590），按提示消息领取编程大礼包！并获取讲师答疑服务！ </p> <p> <br> </p> <p> 套餐中一共包含5门程序员必学的数学课程（共47讲） </p> <p> 课程1：《零基础入门微积分》 </p> <p> 课程2：《数理统计与概率论》 </p> <p> 课程3：《代码学习线性代数》 </p> <p> 课程4：《数据处理的最优化》 </p> <p> 课程5：《马尔可夫随机过程》 </p> <p> <br> </p> <p> 哪些人适合学习这门课程？ </p> <p> 1）大学生，平时只学习了数学理论，并未接触如何应用数学解决编程问题； </p> <p> 2）对算法、数据结构掌握程度薄弱的人，数学可以让你更好的理解算法、数据结构原理及应用； </p> <p> 3）看不懂大牛代码设计思想的人，因为所有的程序设计底层逻辑都是数学； </p> <p> 4）想学习新技术，如：人工智能、机器学习、深度学习等，这门课程是你的必修课程； </p> <p> 5）想修炼更好的编程内功，在遇到问题时可以灵活的应用数学思维解决问题。 </p> <p> <br> </p> <p> 在这门「专为程序员设计的数学课」系列课中，我们保证你能收获到这些:<br> <br> <span> </span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">①价值300元编程课程大礼包</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">②应用数学优化代码的实操方法</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">③数学理论在编程实战中的应用</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">④程序员必学的5大数学知识</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">⑤人工智能领域必修数学课</span> </p> <p> <br> 备注：此课程只讲程序员所需要的数学，即使你数学基础薄弱，也能听懂，只需要初中的数学知识就足矣。<br> <br> 如何听课？ </p> <p> 1、登录CSDN学院 APP 在我的课程中进行学习； </p> <p> 2、登录CSDN学院官网。 </p> <p> <br> </p> <p> 购课后如何领取免费赠送的编程大礼包和加入答疑群？ </p> <p> 购课后，添加助教微信：<span> csdn590</span>，按提示领取编程大礼包，或观看付费视频的第一节内容扫码进群答疑交流！ </p> <p> <img src="https://img-bss.csdn.net/201912251155398753.jpg" alt=""> </p>
21天通关Python（仅视频课）
2019-05-21本页面购买不发书！！！仅为视频课购买！！！ 请务必到https://edu.csdn.net/bundled/detail/49下单购买课+书。 本页面，仅为观看视频页面，如需一并购买图书，请务必到https://edu.csdn.net/bundled/detail/49下单购买课程+图书！！！ 疯狂Python精讲课程覆盖《疯狂Python讲义》全书的主体内容。 内容包括Python基本数据类型、Python列表、元组和字典、流程控制、函数式编程、面向对象编程、文件读写、异常控制、数据库编程、并发编程与网络编程、数据可视化分析、Python爬虫等。 全套课程从Python基础开始介绍，逐步步入当前就业热点。将会带着大家从Python基础语法开始学习，为每个知识点都提供对应的代码实操、代码练习，逐步过渡到文件IO、数据库编程、并发编程、网络编程、数据分 析和网络爬虫等内容，本课程会从小案例起，至爬虫、数据分析案例终、以Python知识体系作为内在逻辑，以Python案例作为学习方式，最终达到“知行合一”。
- 下载 简单学习css组合与CSS嵌套的写法
- 博客 对象数据成员的初始值
- 学院 自然语言处理处理工程师实战系列
- 学院 智慧消防物联网解决方案
- 学院 微信小程序入门套餐
- 学院 Spring Cloud 从入门到入魔
- 学院 家具家居家装微信小程序商城系统毕业设计 大学生毕业设计教学视频
- 学院 Sharding-JDBC分库分表读写分离+MySQL主从复制实战
- 博客 数据竞赛入门-金融风控（贷款违约预测）五、模型融合
- 博客 shell脚本之变量定义规范及使用
- 学院 基于ASP服装商城网上购物商城系统毕业设计 大学生毕业设计教学视频
- 博客 Node开发
- 学院 服装微信小程序商城网上购物商城系统毕业设计 大学生毕业设计教学视频
- 学院 4天搞定Spring核心原理（停止报名）
- 博客 ENSP上各种基础协议的配置
- 博客 idea部署Tomcat，启动成功了，但是页面出现404
- 学院 python机器学习-糖尿病数据挖掘
- 博客 Exception in thread “main“ java.lang.ArrayStoreException解决方案（记录一下）
- 学院 Java好师父
- 博客 CTF萌新入坑指南（web篇）
- 学院 HCIA数通Datacom+CCNA EI视频教程
- 学院 分布式集群自动化测试高阶框架基础实战
- 博客 (JavaScript学习记录)：Web APIs、DOM 操作元素
- 学院 Java中文乱码问题全搞定
- 学院 vue-element-admin从入门到全栈开发
- 学院 基于ASP珠宝首饰奢侈品网上购物商城系统毕业设计
- 博客 那就这样吧
- 博客 vue-router.esm.js?fe87:2210 TypeError: Cannot read property ‘$createElement‘ of undefined
- 博客 Task 5 （待更新....）
- 学院 基于ASP图书商城网上购物商城系统毕业设计 大学生毕业设计教学视频