Ext js封装面板和按钮

最新推荐文章于 2023-11-28 22:57:36 发布

梧桐山下打野

最新推荐文章于 2023-11-28 22:57:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： ext function border layout jsp div

本文链接：https://blog.youkuaiyun.com/GUOMINGJUN/article/details/6530432

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何利用ExtJS库封装面板和按钮，实现动态的页面布局和交互功能，包括新增操作和不同区域的管理。通过示例代码展示了如何创建面板、设置布局类型、添加按钮和事件处理，以及实现页面跳转和数据操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext js封装面板和按钮 js(一)： var addInfoSet=new Ext.Button({text:'新增,cls:"tt",iconCls:"add_ry",handler:addInfo}); $(document).ready(function(){ var vpt = new Ext.Panel({ layout:'border',renderTo:Ext.getBody(),height:Ext.getBody().getHeight(), items:[{region:"center",// border:false, contentEl:"content",//content为页面div的id autoScroll: true }], tbar:[addInfoSet] }); }); function addInfo(){ var result = window.showModalDialog("新增页面路径", str, "dialogHeight:300px;dialogWidth:600px;"); if(result == 'success'){ window.location.reload(); }else if(result=='fail'){ alert("创建失败"); } 注：str为要传递的参数 js(二)： $(document).ready(function(){ var vpt = new Ext.Panel({ layout:'border',height:Ext.getBody().getHeight(),region:"center", items:[{region:"center", title:"名册详细", border:false, contentEl:"content", autoScroll: true }], bbar:[{text:'审核',handler:bhZjmc},'-',{text:'保存数据',handler:saveMcsh},'-',{text:'驳回',handler:reInfo}] }); }); function saveMcsh(){ }; function bhZjmc(){ }; function through(id){ $("#zjContent").attr("src",'${base}/business/zjgl/mcshSelList.do?zjglInfoBean.ZJ_DW_CODE='+id); }; function reInfo(){ }; jsp: