ext探讨:可编辑grid里能根据数据类型的不同自动变换用下拉列表、日期选择、单选、多选和文本输入等的编辑方式吗?

码O上飞 2013-06-19 07:02:26
ext探讨:可编辑grid里能根据数据类型的不同自动变换用下拉列表、日期选择、单选、多选和文本输入等的编辑方式吗?
(注意;数据是动态的从数据库获取的,数据类型和数据取值也不相同,怎么做到在ext可编辑grid里根据数据类型的不同在编辑时自动切换编辑方式为日期选择、下拉列表还是多选等)
...全文
255 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
lzpggg 2013-06-20
  • 打赏
  • 举报
回复
你重新描述一下你的需求,你究竟需要什么,ext的版本是3还是4.如果你真的是想在同一列不同单元格使用不同的编辑器,你最好不要用grid,可以考虑使用属性页.grid的每一列应该是同一类数据,同一类数据既有时间又有数字\字符,很难想象.
码O上飞 2013-06-20
  • 打赏
  • 举报
回复
引用 10 楼 lzpggg 的回复:
如果你的问题是同一个grid,同一列的不同单元格设置不同的编辑器,那就另当别论了,原则上是可以动态改变编辑器的,但是这种要求就不适合grid.

类型在数据库中有定义,前台能获取类型为
01:数字
02:文本框
03:时间
04:复选框
05:下拉选择框
06:单选
07:可换行的文本框
我正在尝试做,如果各位哥哥能给一些根据数字不同对应不同的编辑框的例子就更好了
码O上飞 2013-06-20
  • 打赏
  • 举报
回复
引用 8 楼 laslull 的回复:
lz做法破坏了ext.grid设计了 不重写控件很难做到 先确定这样的需求是不是合理吧 跟数据库表一样 grid每一列的数据类型必须是一样的 再说通过数据来判断类型靠谱不靠谱先不说,比如combobox是需要store的 这个你又如何根据数据动态加载?
我没认真看数据库表,类型在数据库中有定义,前台能获取类型为 01:数字 02:文本框 03:时间 04:复选框 05:下拉选择框 06:单选 07:可换行的文本框 就是前台要增加一个监听,比较属于那一个数据类型然后在确认使用那种编辑框
lzpggg 2013-06-20
  • 打赏
  • 举报
回复
如果你的问题是同一个grid,同一列的不同单元格设置不同的编辑器,那就另当别论了,原则上是可以动态改变编辑器的,但是这种要求就不适合grid.
lzpggg 2013-06-20
  • 打赏
  • 举报
回复
1.可以动态配置编辑器的.比如事先设置一批文本\浮点数\整数\日期等编辑器,在render事件中(也可以把这些数据类型写入一个文件,在构造列模型时就选择好编辑器)根据reader里的type:'float'等判断,然后在列模型中setEditor( Number col, Object editor ),setConfig( Array config, Boolean initial )等函数就可以动态设置编辑器.如果数据类型不足以表示多种编辑器选择的要求,你还可以在render里设置一个自己的属性表示其他的选择,如单独用一个属性editorType来表示选择的编辑器编号. 2.你需要写一个grid的扩展,然后你的每一张表都在这个基类下操作.在子类中你只需要设置好type:'float'或editorType,选择编辑器的事基类会帮你搞定. 3.随着表的增多,你会发现,编辑器会越来越多,主要是有的表需要设置取值范围,有的需要校验,有的编辑器需要监听选择事件,有的编辑器需要有不同的初值等等. 4.构造一个好的基类是Ext开发很重要的一个环节.否则你的代码既臃肿又不易读.
laslull 2013-06-20
  • 打赏
  • 举报
回复
lz做法破坏了ext.grid设计了 不重写控件很难做到 先确定这样的需求是不是合理吧 跟数据库表一样 grid每一列的数据类型必须是一样的 再说通过数据来判断类型靠谱不靠谱先不说,比如combobox是需要store的 这个你又如何根据数据动态加载?
码O上飞 2013-06-20
  • 打赏
  • 举报
回复
引用 3 楼 zzgzzg00 的回复:
根据类型?是每列的类型是固定的吗?
固定的就太简单了,内容都是动态获取的,类型也会不一致
码O上飞 2013-06-20
  • 打赏
  • 举报
回复
引用 2 楼 wangwei703 的回复:
我觉得你首先要解决,怎么判断数据类型,比如说 单元格内显示一个:1 如何知道他是单选、复选、文本还是下拉框
这确实是最重要的,只有日期的是最明显的,其他都不好判断,所以我怕这很为难呀
码O上飞 2013-06-20
  • 打赏
  • 举报
回复
引用 13 楼 lzpggg 的回复:
你重新描述一下你的需求,你究竟需要什么,ext的版本是3还是4.如果你真的是想在同一列不同单元格使用不同的编辑器,你最好不要用grid,可以考虑使用属性页.grid的每一列应该是同一类数据,同一类数据既有时间又有数字\字符,很难想象.
就是这么做了,同一列不同单元格使用不同的编辑器已实现,但复选框、单选框的选项从数据库动态获取还在考虑
ddgx 2013-06-19
  • 打赏
  • 举报
回复
引用 4 楼 JayYounger 的回复:
可以动态的设置一列的啊
楼主估计是想根据内容动态设置,而不是事先设置好
原来缘来 2013-06-19
  • 打赏
  • 举报
回复
可以动态的设置一列的啊
似梦飞花 2013-06-19
  • 打赏
  • 举报
回复
根据类型?是每列的类型是固定的吗?
ddgx 2013-06-19
  • 打赏
  • 举报
回复
我觉得你首先要解决,怎么判断数据类型,比如说 单元格内显示一个:1 如何知道他是单选、复选、文本还是下拉框
码O上飞 2013-06-19
  • 打赏
  • 举报
回复
自己先顶一个,我的大致想法是在编辑时添加监听事件,匹配数据类型或显示类型,然后按照这个自动匹配用日期还是下拉框或者文本框等,但下拉框的设计要精确到需要使用的每一个元素,反正就是觉得复杂,头脑混乱,不知道怎么动手了
1 课程目标 学会使用腾讯提供的云开发功能快速开发后台 数据接口,用于存储小程序中用到的数据 学会使用小程序中常见的一些API,比如:分享小程序,拨打手机电话,地图位置等 掌握快速上架一款小程序需要的步骤 前端相关的css以及html,vue等基础不作为本课程的重点,本课程将提供一个基于图鸟UI修改的企业产品展示前端代码,我们在此基础上使用云开发实现页面数据动态化。由于本人是后端开发,对于前端样式等不擅长,所以基本都是直接复制现成的样式做简单的修改,想要学习前端html,css,js,vue等基础知识的小伙伴可以不必考虑本课程,B站以及其他平台有大量的免费课程。 2 课程内容 本课程将实现一个完整功能的企业产品展示小程序,之前有人找我开发一个农用拖拉机企业展示的小程序,说是要用云开发来做,正好我之前没用过云开发,都是自己搭建后端API以及管理后台来开发,因此想着一边开发一边录一个云开发的课程,帮助一些同学快速入门云开发,将包括一下内容: 首页 主要产品推荐 顶部铲平轮播图展示 中间产品分类 轮播消息通知 产品价格咨询 用户留下联系方式 全部产品列表展示 产品详细信息展示 用户估价咨询表单,用户向企业出售产品,类似厂家回收 个人中心 注册登录 询价记录 拨打企业电话 查看企业地址 查看企业工作时间 3 使用技术 vue2 uniapp 图鸟UI javascript 腾讯云开发 4 需要的开发工具 图鸟原始模板:https://ext.dcloud.net.cn/plugin?id=14378 hbuilder开发工具: https://www.dcloud.io/hbuilderx.html 微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧