同一列加上不同类型的可编辑框

最新推荐文章于 2025-05-12 10:39:58 发布
原创 最新推荐文章于 2025-05-12 10:39:58 发布 · 879 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #callback #header #null #url

本文介绍了一种使用ExtJS框架实现的网格编辑器配置方案，该方案支持不同类型的单元格编辑器，如数字输入、下拉选择及多选等，并通过Ajax请求动态加载下拉选项。

new Ext.grid.EditorGridPanel({
                    store:new Ext.data.ArrayStore({fields:['ItemCode','ItemName','ItemExplain','ItemStyle','ItemValue','DetailID'],data:[]}),
                    height:155,
                    viewConfig:{forceFit:true},
                    bodyStyle:'width:100%',
                    clicksToEdit:1,
                    columns:[
                        {header:"项目名称",dataIndex:'ItemName',resizable:false,menuDisabled:true,width:120},
                        {header:"项目值",dataIndex:'ItemValue',resizable:false,menuDisabled:true,width:150},
                        {header:"项目描述",dataIndex:'ItemExplain',resizable:false,menuDisabled:true,editor:new Ext.form.TextField({  })}
                    ],
                    frame:true,
                    listeners:{beforeedit:function(e){
                      SelectedItemCode=e.record['data']['ItemCode'];
                      SelectedItemStyle=e.record['data']['ItemStyle'];
                    },cellclick:function(grid,rowIndex,columnIndex,e){
                                    if(columnIndex!=1)
                                      return
                                     var record = grid.getStore().getAt(rowIndex);
                                     var grdEditor = grid.colModel.getCellEditor(columnIndex,rowIndex);
                                     if (grdEditor){grdEditor.destroy(); }
                                    
                                     var NewComboEditor=new Ext.grid.GridEditor(new Ext.form.ComboBox({
                                                            store:new Ext.data.ArrayStore({fields:['ValueZJM','ValueDisplayName','ValueName'],data:[]}),
                                                            displayField:'ValueDisplayName',
                                                            selectOnFocus:true,
                                                            mode:'local',
                                                            triggerAction:'all',
                                                            handleHeight:10,
                                                            editable:false,
                                                            resizable:true,
                                                            listeners:{
                                                                  specialkey:function(combo,e){
                                                                    if(e.getKey()=="13"){
                                                                      var CurrentGrid=Ext.getCmp("ExtendedAttrTab").getActiveTab().findByType("grid")[0];
                                                                      var CurrentCell=CurrentGrid.getSelectionModel().getSelectedCell();
                                                                      CurrentGrid.startEditing(CurrentCell[0],2);
                                                                    }
                                                                  },
                                                                  beforeshow:function(combo){
                                                                      Ext.Ajax.request({
                                                                                    url:'AttrTable.ashx?method=queryItem',
                                                                                    params:{itemCodeForValue:SelectedItemCode},
                                                                                    callback:function(options,success,response){
                                                                                      if(success){
                                                                                        combo.getStore().loadData(eval('('+response.responseText+')')) 
                                                                                      }
                                                                                    }
                                                                      })
                                                                 
                                                                  }
                                                               }
                                     }));
                                     NewComboEditor.on("beforedestroy" ,function( Editor,value,startValue){return false;})
                                    
                                     var NewLovComboEditor=new Ext.grid.GridEditor(new Ext.ux.form.LovCombo({
                                                        store:new Ext.data.ArrayStore({fields:['ValueZJM','ValueDisplayName','ValueName'],data:[]}),
                                                        triggerAction:'all',
                                                        editable:false,
                                                        displayField:'ValueDisplayName',
                                                        valueField:'ValueName',
                                                        mode:'local',
                                                        handleHeight:10,
                                                        editable:false,
                                                        //beforeBlur:function(){},
                                                        anchor:"95%",
                                                        listeners:{
                                                                  specialkey:function(combo,e){
                                                                    if(e.getKey()=="13"){
                                                                      var CurrentGrid=Ext.getCmp("ExtendedAttrTab").getActiveTab().findByType("grid")[0];
                                                                      var CurrentCell=CurrentGrid.getSelectionModel().getSelectedCell();
                                                                      CurrentGrid.startEditing(CurrentCell[0],2);
                                                                    }
                                                                  },
                                                                  beforeshow:function(combo){
                                                                      Ext.Ajax.request({
                                                                                    url:'AttrTable.ashx?method=queryItem',
                                                                                    params:{itemCodeForValue:SelectedItemCode},
                                                                                    callback:function(options,success,response){
                                                                                      if(success){
                                                                                        combo.getStore().loadData(eval('('+response.responseText+')')) 
                                                                                      }
                                                                                    }
                                                                      })
                                                                 
                                                                  }
                                                        }
                                          }))
                                     NewLovComboEditor.on("beforedestroy" ,function( Editor,value,startValue){return false;})
                                    
                                     var NewNumberEditor=new Ext.grid.GridEditor(new Ext.form.NumberField({
                                                            listeners:{
                                                                  specialkey:function(combo,e){
                                                                    if(e.getKey()=="13"){
                                                                      var CurrentGrid=Ext.getCmp("ExtendedAttrTab").getActiveTab().findByType("grid")[0];
                                                                      var CurrentCell=CurrentGrid.getSelectionModel().getSelectedCell();
                                                                      CurrentGrid.startEditing(CurrentCell[0],2);
                                                                    }
                                                                  }
                                                        }
                                     }));
                                   
                                    
                                     switch(record.get('ItemStyle')){
                                        case '0'://数字型
                                            grid.colModel.setEditor(columnIndex,NewNumberEditor);
                                         break
                                      case '1'://文字型
                                           grid.colModel.setEditor(columnIndex, new Ext.grid.GridEditor(new Ext.form.ComboBox({
                                                            store:new Ext.data.ArrayStore({fields:['ValueZJM','ValueDisplayName','ValueName'],data:[]}),
                                                            displayField:'ValueDisplayName',
                                                            mode:'local',
                                                            triggerAction:'all',
                                                            handleHeight:10,
                                                            editable:true,
                                                            resizable:true,
                                                            listeners:{
                                                                  change:function(combo,newValue,oldValue){
                                                                    var result=combo.getStore().query("ValueZJM", newValue,false).first();
                                                                    if(result!=null){combo.setValue(result["data"].ValueName);}else{
                                                                     result=combo.getStore().query("ValueDisplayName",newValue,false).first();
                                                                     if(result!=null){combo.setValue(result["data"].ValueName);}else{combo.setValue(newValue)}
                                                                    }
                                                                  },
                                                                  specialkey:function(combo,e){
                                                                    if(e.getKey()=="13"||e.getKey()=="9"){
                                                                      var result=combo.getStore().query("ValueZJM",combo.getValue(),false).first();
                                                                      if(result!=null){combo.setValue(result["data"].ValueName);}else{
                                                                       result=combo.getStore().query("ValueDisplayName",combo.getValue(),false).first();
                                                                       if(result!=null){combo.setValue(result["data"].ValueName);}else{combo.setValue(combo.getValue())}
                                                                      }
                                                                    };
                                                                    if(e.getKey()=="13"){
                                                                      var CurrentGrid=Ext.getCmp("ExtendedAttrTab").getActiveTab().findByType("grid")[0];
                                                                      var CurrentCell=CurrentGrid.getSelectionModel().getSelectedCell();
                                                                      CurrentGrid.startEditing(CurrentCell[0],2);
                                                                    
                                                                    }
                                                                  },
                                                                  beforeshow:function(combo){
                                                                     combo.getStore().removeAll();
                                                                     Ext.Ajax.request({
                                                                                    url:'AttrTable.ashx?method=queryItem',
                                                                                    params:{itemCodeForValue:SelectedItemCode},
                                                                                    callback:function(options,success,response){
                                                                                      if(success){
                                                                                        combo.getStore().loadData(eval('('+response.responseText+')')) 
                                                                                      }
                                                                                    }
                                                                      })
                                                                 
                                                                  }
                                                               }
                                           
                                            })));
                                         break;
                                        case '2'://单选型
                                           grid.colModel.setEditor(columnIndex,NewComboEditor);
                                         break;
                                        case '3'://多选型
                                           grid.colModel.setEditor(columnIndex,NewLovComboEditor);
                                         break;
                                    
                                     }

                        }                 
                    }
                })

r语言 新增一列数字类型_R语言实战（2）——创建数据集【学习分享】
weixin_39881958的博客
10-21 2962
往期回顾：R语言实战(1)——R语言介绍【学习分享】引言：上一章我们通过简单的例子了解了R语言及R语言能实现的一些功能，本期我们将一起学习R中的数据结构，以及向R中导入数据的方法。2.1 数据结构数据集通常是由数据构成的一个矩形数组，行表示观测，列表示变量(但不同行业对行和列叫法不同，在R中用观测和变量代表行和列)。R可以处理的数据类型(模式)包括数值型、字符型、逻辑型(TRUE/FAL...
Bootstrap可编辑表格
_执着_的博客
10-16 4万+
1.说明 继续送福利了，居于Bootstrap可编辑表格，编辑框支持下拉和日期，先上图看下效果，如图1： 这是居于bootstrap-table进行扩展的功能，bootstrap-table的使用这边就不多说了，日期控件用的是bootstrap-datetimepicker，下拉控件bootstrap-select 这个是小编自己写的 bootstrap-table API地址：ht
关于Git这一篇就够了
热门推荐
17岁boy的博客
05-12 51万+
目录 前言 发展过程 集中式与分布式的区别 Debian/Linux安装Git 配置git环境：git config --global 创建本地空仓库：git init 新建文件添加到本地仓库：git add、git commit -m 改写提交：git commit --amend 查看历史提交日志：git log 回滚代码仓库：git reset --hard 查看提交之后文件是否做了改动：git status 工作区与缓存区 修改缓存区内容：git add、git co.
Win32子窗口控件（按钮、编辑框、静态框、滚动条等）
程序员战胜
08-24 9440
前言： 子窗口控件是特殊的子窗口，不需要我们注册窗口类，系统已经注册好了，我们只需要在创建时选择相应的窗口类名。常用的子窗口控件有按钮BUTTON、组合框COMBOBOX、编辑框EDIT、列表框LISTBOX、静态框STATIC、滚动条SCROLLBAR等类型。消息为WM_COMMAND/WM_CTLCOLORBTN 启用/禁用窗口： EnableWindow 设置指定窗口的显示状态： ShowWindow 指定的窗口设置键盘焦点： SetFocus 一、按钮（BUTTON） 窗口类名：“button
02 数据类型 （向量 数据框 矩阵和列表
wangprince2017
03-14 8515
数据类型简介 数值型numeric 例：1.4 2 3 字符型character 例："a" 'n' '1' 'TRUE' 'FALSE' 只要带有引号（单双均可） 逻辑型logical(必须大写） TRUE T FALSE F NA #比较运算的结果是逻辑值 >,<,<=,>=,==（相等？）,!=（不相等） 3==5 FALSE 3！=4 TRUE #逻辑运算 多个逻辑条件的连接 #与&amp
[Qt 教程之Widgets模块] —— QComboBox 组合框
淋曦的进击手记
06-18 2753
/ 将自定义的数据模型添加到组合框 QModelIndex rootModelIndex() const;// 设置项目的根模型项目索引 int modelColumn() const;// 设置模型可见列。如果在填充组合框之前设置，则视图不受影响，将显示第一列（使用此属性的默认值0）。Qt系列教程总目录。
avue框架表格根据字段值需求显示不同图标或点击事件
weixin_44770377的博客
12-03 3923
该功能对表格实现列自定义即可。 在对应的文件下\lsfw-ui\src\const\crud\admin\sysxxfsjl.js的对应需求的字段加上slot:true属性 然后在对应的vue文件中\src\views\admin\sysxxfsjl.vue自定义需要展示的内容，还可以写上样式。 <!--表格列自定义内容--> <template s...
react+antd表格实现多列复选框和单选框
pengtiandi的博客
11-17 9025
业务要求，可以 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导...
基于C语言实现一个文本编辑器
毕业作品网站
06-19 6251
本次大作业要求实现一个文本编辑器。VIM 是有三种不同的模式，通过在键盘上输入不同的字符键，就能切换到不同的功能，实现插入、移动光标、新建文件、保存文件等。但是要实现对键盘的控制以及屏幕光标的控制，就需要增加系统调用。所以第一步是先要了解如何增加一个系统调用。新增系统调用包括两大部分，一方面，需要在内核中注册它，让系统认为它是一个系统调用（包括系统调用编号、syscalls[]中的注册等），另一方面要实现系统调用的具体功能代码，这一部分和普通函数无差别。（具体实现在下部分中说明）了解了系统调用的过程之后，我
android 优秀框架整理
黄孝果的博客
01-11 4万+
程序员界有个神奇的网站，那就是github，这个网站集合了一大批优秀的开源框架，极大地节省了开发者开发的时间，在这里我进行了一下整理，这样可以使我们在使用到时快速的查找到，希望对大家有所帮助！ 1. Retrofit　　 一句话介绍：Retrofit是一款类型安全的网络框架，基于HTTP协议，服务于Android和java语言 上榜理由：Retrofit以21.8k的stars量雄踞gith
可编辑表格组件ReEditTable（API）
Wang_Si_D的博客
08-15 1299
基于分页表格ReTable扩展的可编辑表格，组件内通过构造单元格渲染方法实现表单控件的渲染，实现多种可编辑表格交互方式，可以满足绝大部分的编辑场景。
Redis框架从入门到学精（全）
码农研究僧的博客
07-02 2万+
目录前言1.NoSQL2.Redis2.1 软件安装数据类型 前言 解决功能新问题：JAVA jsp rdsms tomcat html linux jdbc svn 解决发展性问题：strtus spring springmvc hibernate mybatis 解决性能问题：NOSQL java 线程 hadoop nginx mq elasticsearch 1.NoSQL NoSQL特点 非关系型数据库，不依赖业务逻辑数据库存储，以简单key-value存储 适用于 ~高并发读写 ~海量数据读
1w＋字|油管大神Dan Koe：一人公司实操手册完整版
最新发布
产品线负责人
05-12 2753
一人公司创业
JS合并数组和拆分数组
06-13 1万+
合并两个数组a和b为一个数组:var c=a.concat(b)将一个数组中的元素用 - 符号连接为一个字符串：function JoinDemo(){   var a, b;   a = new Array(0,1,2,3,4);   b = a.join("-");   return(b);}如果省略了分隔符，则数组元素之间就用一个逗号来分隔。
ExtJS带复选框的动态树
07-08 4675
ExtJS的树用过好多次了，但是今天是第一次用加复选框的，要实现的效果是这样的：点击页面上的“自选”按钮，弹出一个窗口，窗口上有一棵树和一个Grid，选择树节点时向Grid里添加数据，取消选择树节点时将Grid里面对应的记录删掉，而且选择或取消选择父节点时可以将其子节点的数据从Grid中添加或删除。去除其他无关代码，主要代码如下：前台JS:var app={}; var combiStoreTemp=new Ext.data.ArrayStore({ fields:['CombiI
如何使用ajax.ajaxMethod
07-15 2347
使用AjaxMethod可以在客户端异步调用服务端方法，简单地说就是在JS里调用后台.cs文件里的方法，做一些JS无法做到的操作，如查询数据库。使用AjaxMethod要满足一下几点：1:webCofig中加上接点2:在CS程序中加上protectedvoidPage_Load(objectsender,EventArgse){     Ajax.Utility.RegisterTypeForAjax(typeof(ClassName));//ClassName是这个CS文件的类名}3:方法前加上[Ajax
动态添加 GridPanel 列
05-31 1125
var app={};var table_Name;var panel;var data;var grid={};var combobox;var URLSTR;function DataColumn()    {                    this.fields = '';                   this.columns = '';                   this.addColumns=function(name,caption){                 
模式窗体中点击按钮打开新窗口问题
07-21 979
<br />在页面中点击一个按钮后用     showModalDialog打开一个窗体：<br />showModalDialog("Message.aspx",window,"dialogHeight:400px;dialogWidth:530px;center=yes;middle=yes ;help=no;status=no;scroll=no");<br /> <br />问题：在Message.aspx页面点击按钮提交表单时弹出新窗口<br /> <br />解决：Message.aspx的<h
解决ExtJS中因换行导致的Grid加载不了的问题
07-01 896
ExtJs+C#.net+linq做的项目，有一个Grid加载不出数据，查看了原来是因为有一个字段里返回数据有换行符导致的，捣鼓了好久弄出来了，返回字段时将换行替换就行了：str.Replace(System.Environment.NewLine, @"/r/n") protected string GetSick()    {        string JsonString = string.Empty;        string RowString = string.Empty;        I
Excel数据处理基础：输入技巧与编辑排版
行和列构成了工作表的结构，最多可达1048576行和16384列，行标签用数字标识，列标签用字母表示，从A到XFD。 单元格是Excel中最基本的工作单位，它是行和列的交点，每个单元格都有一个唯一的地址，由列标签和行标签...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值