`
kenken0y
  • 浏览: 37338 次
社区版块
存档分类
最新评论

用extjs做的界面的服务器端验证

阅读更多

 系统需要服务器端验证,例如验证编码的唯一性等等

rails中ActiveRecord就自带了很多验证方法

例如以下这两个界面元素

{
    fieldLabel: '编码',
    name: 'employer[code]',
    value:'<%= @employer.code %>',
    allowBlank:false
},{
    fieldLabel: '姓名',
    name: 'employer[name]',
    value:'<%= @employer.name %>',
    allowBlank:false
}

 保存的时候需要根据服务器端返回来数据标注哪个控件验证错误,代码如下:

  def create
    @employer = Employer.new(params[:employer])
    result = Hash.new
    if @employer.save
      result[:success]=true
    else
      result[:success]=false
      result[:errors] ={}
      @employer.errors.each{|k,v| result[:errors]["employer[#{k}]"] = v }
      result[:message]="错误,不能保存"        
    end
    render :text => result.to_json(),:layout=>false
  end

要点:返回的json中有个errors属性,里面的key是控件的name属性,value是错误提示信息

extjs服务器端验证

  • 大小: 2.4 KB
分享到:
评论

相关推荐

    ExtJs的服务器端控件实现

    8. **自定义控件(Custom Components)**:如果需要扩展ExtJS的功能,可以在服务器端创建自定义的组件或控件,然后通过Ajax通信将这些组件暴露给客户端使用。 9. **安全性考虑**:服务器端控件的实现需要考虑到安全...

    extjs做界面的jsp系统

    总结来说,"extjs做界面的jsp系统"是一个集成了前端、后端和数据库的完整Web应用实例,适合学习者研究ExtJS的UI设计,Java的Struts框架,以及MySQL数据库的使用。通过这个项目,开发者可以了解到如何将这些技术有效...

    extjs漂亮简洁的登录界面

    EXTJS的界面美观、功能强大,能够创建出响应式、可定制且高性能的用户界面。 在"extjs漂亮简洁的登录界面"这个项目中,我们看到的是EXTJS被用来构建一个简单但高质感的登录页面。对于初学者来说,这是一个很好的...

    extjs做的一个桌面应用系统

    Reverse AJAX允许浏览器向服务器发送异步请求,DWR通过动态生成JavaScript接口,使得客户端可以直接调用服务器端的方法。CORS解决了跨域访问的安全问题,让DWR能在不同域之间安全通信。同时,DWR还提供了一套安全...

    extjs做的增删改查

    标题中的“extjs做的增删改查”表明这个主题聚焦于使用ExtJS框架实现数据管理的基本操作,包括添加(Add)、删除(Delete)、修改(Update)和查询(Query)。ExtJS是一个流行的JavaScript库,用于构建富客户端应用...

    Extjs页面验证(修订版)

    因此,服务器端验证仍然是必要的,以防止恶意数据的提交。 5. **学习资源**: - ExtJS官方文档是学习的最佳资源,它详细介绍了如何使用表单、验证以及AJAX交互。 - 社区论坛和Stack Overflow上的问题解答可以提供...

    ExtJs做的用户登陆!ASP后台

    ExtJS是一种基于JavaScript的富客户端应用开发框架,主要用于构建...对于初学者来说,这是一个很好的起点,通过实践这个例子,可以更好地理解客户端与服务器端的交互机制,以及如何利用ExtJS构建复杂的Web应用程序。

    用Extjs做到学生管理系统

    - JSP(JavaServer Pages)通常用于处理服务器端逻辑,如数据处理、业务规则实现等。 - 使用Ajax技术,通过ExtJS的Ajax请求(Ext.Ajax.request)与JSP进行异步通信,获取或提交数据。 - JSON是最常见的数据交换...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    数据源可以是JSON、XML或其他数据格式,与服务器端的数据交互也十分便捷。 3. **布局管理**:框架内置了多种布局方式,如Fit布局、Border布局、Table布局等,用于自动调整组件的大小和位置,适应不同的屏幕尺寸和...

    ExtJS做到学生管理系统

    JSP 则是Java的一种动态网页技术,它允许开发者在HTML中嵌入Java代码,实现服务器端的动态渲染和数据处理。 在学生管理系统中,可能包含以下功能模块: 1. 用户管理:使用ExtJS的表格组件展示学生信息,包括增删改...

    Extjs和数据库交互,增删改查

    除了基本的CRUD操作,ExtJS 还支持远程数据验证,即在服务器端验证数据的合法性。此外,Store 的sync方法支持批处理操作,可以同时处理多条记录的增删改操作,提高效率。 六、Grid Panel 和 FormPanel 在实际应用...

    ExtJS+asp+acc做的BLOG

    标题中的“ExtJS+asp+acc做的BLOG”揭示了这个项目是使用三种技术栈构建的一个博客系统:ExtJS(一个JavaScript库),ASP(一种微软的服务器端脚本语言),以及Access(微软的数据库管理系统)。这是一篇针对初学者...

    ExtJs2.0学习系列

    ExtJS 2.0通过Ajax技术实现与服务器端的数据交换,使用XMLHttpRequest对象进行异步通信。学习如何使用Ajax请求来获取或提交数据,以及配合JSONP处理跨域问题,是开发动态Web应用的基础。 七、工具栏和菜单 工具栏...

    EXTJS3.0多文件上传组件

    6. **服务器端处理**:除了前端实现,还需要了解服务器端如何接收并处理上传的文件,包括验证、存储、命名策略等。 综上所述,EXTJS3.0多文件上传组件结合了EXTJS的组件化开发优势和SWFUpload的多文件上传功能,为...

    EXTJS DeskTop权限管理

    在实现这一功能时,开发人员通常会结合服务器端的权限验证机制,如基于角色的访问控制(RBAC)。当用户登录时,服务器会返回该用户的角色和权限信息,EXTJS前端接收到这些信息后,根据预定义的规则动态渲染菜单和...

    EXTJS与.NET开发

    6. **EXTJS Form与.NET表单验证**:EXTJS的表单组件可以与.NET的服务器端验证机制结合,实现前后端的表单验证一致性,确保数据的准确性和安全性。 7. **EXTJS Ajax与.NET WebMethods**:EXTJS的Ajax组件可以调用...

    ExtJs 登陆框、框架

    在“C# Extjs 登陆框、框架”这个主题中,我们主要关注的是如何使用ExtJS创建一个登录界面,并结合C#后端实现用户验证。登录框是任何应用程序的基础元素,它通常包含用户名和密码字段,以及登录和取消按钮。在ExtJS...

    ExtJs4.rar

    Model用于定义数据结构和验证规则,Store则作为数据容器,负责加载、存储和管理数据,而Proxy则是与服务器端进行通信的接口。这种数据层的设计极大地简化了数据操作,使前后端交互更为流畅。 在图表和可视化方面,...

    extjs实现权限拦截

    确保在用户登录失败或权限不足时,能提供清晰的错误提示,同时在服务器端进行异常处理,避免暴露敏感信息。 10. **性能优化** 为了提高用户体验,可以采用异步加载和分页策略,只加载用户有权限查看的数据,减少...

    用Extjs做的一个小项目,实现了增删改查

    在"用Extjs做的一个小项目,实现了增删改查"这个项目中,我们可以深入探讨一下ExtJS在实现CRUD(创建Create、读取Read、更新Update、删除Delete)操作中的关键知识点。 1. **组件和布局** - **Grid Panel**:在...

Global site tag (gtag.js) - Google Analytics