从 extjs 中的表单字段验证和获取 JSON 文件(所有客户端,无服务器)中的数据。绝对的菜鸟

Posted

技术标签:

【中文标题】从 extjs 中的表单字段验证和获取 JSON 文件(所有客户端,无服务器)中的数据。绝对的菜鸟【英文标题】:Validating and getting data in a JSON file (All client side, no server) from form fields in extjs. Absolute beginner 【发布时间】:2017-03-23 19:57:58 【问题描述】:

请帮助我创建我的第一个带有基本测试和组合框字段的 extjs 表单。我需要在客户端本身的 json 文件中验证并接受来自此表单的数据。不需要服务器端脚本。另外,如果您提供一些学习 extjs 的好材料,我们将不胜感激!

【问题讨论】:

【参考方案1】:

我已经做了一个示例来从 Json 文件加载表单请检查我的小提琴here

学习。

    先从 Sencha Docs 开始。(http://docs.sencha.com/extjs/5.0.1/) http://www.extjs-tutorial.com/extjs/Introduction https://www.tutorialspoint.com/extjs/

以上教程主要侧重于基础知识,如果您真的想成为专家,请阅读文档。

【讨论】:

谢谢!但是你能写一个从表单中获取数据并存储在本地 JSON 文件中的示例吗?这会很有帮助,谢谢!【参考方案2】:

在字段配置中可以使用几个配置。例如'allowBlank,minLength,maxLength,正则表达式,vtype,验证器'。

formPanel 中的'isValid' 方法将检查验证。

'getValues' 方法将从表单中获取 JSON 值。

Sencha官网的extjs文档和例子已经很不错了。

请看一个简单的小提琴示例here

【讨论】:

谢谢。你能告诉我一个例子吗?

以上是关于从 extjs 中的表单字段验证和获取 JSON 文件(所有客户端,无服务器)中的数据。绝对的菜鸟的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS:从组合中的选定商店获取信息

如何从 Sencha extjs 获取存储价值

ExtJS 阻止验证表单字段的显示:无

ExtJS 4.2.1 - 表单自定义字段验证

在 JSON 输出中对 Extjs 表单字段进行分组

extjs 删除/读取文本字段以形成错误?