位置: 编程技术 - 正文

Extjs列表详细信息窗口新建后自动加载解决方法(js 列表)

编辑:rootadmin
在Extjs中,在当前页面的grid页新建了一行数据后,通过表单形式进入详细页面的编辑,此时,为了能让页面自动打开详细页面编辑,我花了三个小时,终于找到了在Extjs下最合适的方案,结果却只有三句话,我想,这可能也是很多Extjs爱好者们想要知道或者已经知道的,为此,将其与大家分享,只求为extjs群体贡献自己的一些想法。 列表在创建后,一般会有一个提示,现在我把我最开始的几个思路与大家讲讲,想直接看结果的可以跳到最后一套方案~ 方案1(放弃). 在新建数据后,向createform方法传送一个id值。这可能是普通搞web的大虾们最先想到的方法,通过传参给一个detail页,然后detail根据id再到库中查找相应的数据,显示在页面上。可是,经过调查,发现页面是通过当前页面的子窗口的方式来显示的,而子窗口的数据是通过grid中的每行数据来传入的,如果要想显示二级页,首先要在grid中读取出一条数据,将整体作为一条record传值才可。而添加数据后,本身就是要更新列表的,还不如直接读取列表中的最新一条数据,直接传入,恩, 这就想到了第二套方案~ 方案2(成功). 在数据创建并更新列表后,设定列表中的第一项(因为根据创建时间排序了的)为选中状态,调用onEdit方法,相当于点击了grid中的第一行数据并点编辑按钮的效果(ps:我是不是很有才呀)。好了,在save数据的方法后面,调用grid.selModel.selectRow(0),然后grid.onEdit()(自己定义的编辑方法,通过grid.getSelectionModel().getSelected()取出已选的行,并将参数传递给form),要注意了,这里直接选中的话,是选的列表更新前的第一条(不是我们想要的更新后的第一条哦)~~因为store的load是异步加载的,哈哈,所以这里呢,要把这两个方法放到setTimeout函数里面,像这样: 设定一下延迟,然后再执行选择和编辑方法就行啦。有没有发现,这里我用的是getCmp,而不是this.grid?因为setTimeout在js中的作用域是全局的,所以如果在这里用了局部变量,js将会报错“未定义的对象或者方法”。可是,用的时候又发现一个问题,这个延迟时间感觉有点长了,而且,有延迟让人感觉老是不爽,可不可以不用这个函数就搞定呢?于是乎,终极方案即将出炉啦!这是我冥思苦想无果但是无意中发现的方法哦,嘿嘿,有那么丁点投机取巧的感觉,大家不要笑我哦,哈哈~ 我也是新手,刚学Extjs没多久,而且js也不那么熟,估计搁熟手那,这些小问题都是鸡毛蒜皮不当回事的,可是我想到这个后感觉还是挺有成就感的,高手直接略过,就别听我??铝耍?呛? 方案3(最佳). 在Extjs的message窗口的回调函数中选择列表并打开详细。这就是我的最佳方案。因为我发现Ext对Ext.Msg.alert()方法提供了四个参数,分别是title,msg,fn,scope(见参考博文)其中,fn就是回调函数块的内容,在点击按钮后将调用该函数,我把上面两句代码放在回调函数里,就解决了延迟加载和用户体验的两大问题,真是两全其美,何乐而不为呢? 虽然看起来代码没几行,可是却消耗了我不少脑细胞啊,为了想出这个方案,试验并调试了几十次,大家如果觉得有用,别忘顶贴哦~ 解决问题的过程中,参考了以下博文: ExtJS Ext.MessageBox.alert()弹出对话框详解

推荐整理分享Extjs列表详细信息窗口新建后自动加载解决方法(js 列表),希望有所帮助,仅作参考,欢迎阅读内容。

Extjs列表详细信息窗口新建后自动加载解决方法(js 列表)

文章相关热门搜索词:列表index用法,列表index用法,列表index用法,列表extend方法,列表对象的extend,列表的index,extend列表,extend列表,内容如对您有帮助,希望把文章链接给更多的朋友!

ExtJS Ext.MessageBox.alert()弹出对话框详解 Ext.onReady(function(){Ext.Msg.alert('提示','逗号分隔参数列表');//这种方式非常常见的});效果图:Ext.onReady(function(){//定义JSON(配置对象)varconfig={title:'提示',msg:'JS

Extjs Ext.MessageBox.confirm 确认对话框详解 Ext.MessageBox.confirm()详解显示一个确认对话框,用来代替JavaScript标准的confirm()方法,具有两个按钮是和否如果为其提供一个回调函数,则该函数将在单击

Extjs在exlipse中设置自动提示的方法 1、选择Help-SoftwareUpdates-FindandInstall...-Searchfornewfeaturestoinstall-Newremotesite...Name:"Spket",Url:"

标签: js 列表

本文链接地址:https://www.jiuchutong.com/biancheng/370233.html 转载请保留说明!

上一篇:ExtJS TabPanel beforeremove beforeclose使用说明

下一篇:ExtJS Ext.MessageBox.alert()弹出对话框详解

  • 一般纳税人认定表
  • 个税两种申报方式哪种合算
  • 企业纳税证明是什么
  • 企业里面不征税的发票能报销吗
  • 劳务成本会计科目
  • 红字发票怎么回事
  • 预销售符合退款条件的商品记什么分录
  • 税控发票包括哪些
  • 固定资产盘亏造成的损失计入什么科目
  • 营改增后房地产企业增值税税率
  • 应付账款多付了
  • 投资收益率如何确定
  • 电话宽带是什么意思
  • 红字冲回上月收入
  • 金蝶账可以修改建账日期吗
  • 金融企业的代理贷款什么意思
  • 速动资产不包括存货和预付账款
  • 金税盘抄税报税清卡流程图
  • 用苹果macbook pro怎样
  • applepay怎么用云闪付
  • 查看修改
  • 经营性支出包括哪些
  • 贴息贷款利息怎么入账
  • 怎么租办公室省钱
  • 实收资本账户的核算内容是什么
  • linux killall
  • 要求快速启动
  • 转账凭证摘要怎么写原材料的
  • macOS Big Sur 11.3新功能 为M1 Mac带来了iOS应用的手柄模拟功能
  • 红掌的养殖方法和注意事项
  • 税收返还需要缴纳什么税
  • 马德拉群岛旅游攻略
  • JavaScript includes() 方法
  • pdo php
  • 【Netty系列・高级篇】Netty核心源码解析
  • php执行另一个php
  • bash详解
  • ps填头发
  • 驱动开发做得长久吗
  • 车船使用税代征手续费
  • element表格表单
  • 票据带息和不带息
  • 质量扣款可以放到费用吗
  • 网站维护费用
  • 小规模未达到起征点如何结转
  • 购买土地缴纳契税会计分录
  • 携程代订住宿发票
  • 负债类会计科目新增科目包括
  • 公司给买员工保险
  • 融资租赁业务的账务及涉税处理
  • 补缴以前年度所得税及滞纳金账务处理
  • 餐饮业燃气费计入什么科目
  • 年中未分配利润
  • 处置投资性房地产取得的收入属于企业收入吗
  • 购入固定资产一次性税前扣除
  • 备用金怎么做会计科目
  • sql server数据库中的null(空值)
  • 在一台服务器上安装软件
  • mysql基本sql语句大全(基础用语篇)
  • sql判断是否存在记录
  • sql you
  • centos 安装选择
  • red hat linux怎么用
  • 怎么学linux
  • win10自带绘画
  • 在linux中使用v2ray
  • linux使用vi编辑文件
  • vs2019怎么用gets
  • linux sed awk区别
  • python运行py文件没反应
  • javascript中用于声明变量的关键字
  • unity3d碰撞检测源码
  • nodejs 异步io
  • 图片旋转鼠标键盘怎么弄
  • 测验2:python基本图形绘制
  • python3 flask
  • java script js
  • 税务非正常户解除申请怎么写
  • 贵州省国家税务局
  • 网上税务局网址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设