`
andy_javahome
  • 浏览: 33303 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

此文只针对可编辑表格如何收集数据提交并在后台处理,至于可编辑表格在前端的实现可以参考网上的其他文章,很多的。

如你的Record创建是这样的:

var product_record = Ext.data.Record.create([

..........

 ]);

你在下面的grid中添加

var grid_adjtdtl = new Ext.grid.EditorGridPanel({
    title:"",
    id:"adjtdtlgrid",
    stripeRows:true, //相邻两行背景色不同
    tbar:new Ext.Toolbar(['-',{
      text:'添加',
      handler:function() {
       var p = new product_record ({

        subSeq:'1',
        dbCr:'1',
        currAcc:'1',
        job:'1',
        jobDtl:'1',
        accObjt:'1',
        txAmt:'1',
        accFlag:'1',
        remark:'1'
       });
       grid_adjtdtl.stopEditing();
       storeAdjtdtl.insert(storeAdjtdtl.getCount(),p);
       grid_adjtdtl.startEditing(0,0);
       
      }
     }

上边的估计大家都会,此处不细说。

当你每次点击Toolbar中添加按钮时会增加一条可编辑的表格,也就是允许同事添加多个然后一起提交。

重点一:页面数据的整理

      var m = storeAdjtdtl.modified.slice(0);//返回从0行开始的所有编辑过的记录组成的数组。
      var jsonArray = [];
      Ext.each(m,function(item){jsonArray.push(item.data);});
      var resultArr= Ext.encode(jsonArray);

      我们只需将resultArr作为ajax提交的参数即可,ext的ajax提交非常简单,此处略。

    

重点二:后台接收

   JSONArray arr = JSONArray.fromObject(resultArr);//resultArr是前台传过来的参数
   Object[] o = arr.toArray();

    

   for (Object obj : o) {
      JSONObject json = (JSONObject) obj;
      DtlVO    dtlVO = (DtlVO) JSONObject.toBean(json,AccAdjtDtlVO.class);//将前台传过来的数据循环转化正对象,获取对象后就可以就可以以对象的形式来保存了,接下来的处理就so easy了。
           

        }

分享到:
评论

相关推荐

    Ext实现的拖拽树和表格之间的拖拽

    而Grid组件则用于展示二维表格数据,支持排序、筛选和编辑等功能。拖拽功能允许用户通过鼠标操作将数据从一个位置移动到另一个位置,增强了用户体验并简化了数据操作。 实现拖拽功能,我们需要使用ExtJS提供的DD...

    EXT测试小样例--EXT测试小样例

    9. 扩展性:EXT Grid可与其他EXT JS组件无缝集成,如工具栏、按钮、下拉框等,扩展其功能。 10. 多选功能:EXT Grid提供了多选行的功能,方便批量操作。 EXT测试小样例主要目的是验证EXT Grid在实际应用中的性能、...

    Ext Js权威指南(.zip.001

    7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....

    ext4.2学习之路

    - **Editor**:字段编辑器,允许用户直接编辑表格或网格中的数据。 - **EditorGridPanel**:具备编辑功能的网格面板,方便数据的批量编辑。 - **GridPanel**:表格组件,用于展示和管理大量数据。 - **PagingToolbar...

    Ext gridPane

    7. **编辑功能**:通过配置,GridPane可以变为可编辑的表格,用户可以直接在单元格内修改数据,这些更改会实时反映到数据存储中。 8. **多选和行选**:GridPane支持行的多选和单选,可以方便地进行批量操作,如删除...

    Html Web模拟Excel电子表格

    当用户编辑表格时,JavaScript会捕获这些更改,并通过Ajax异步请求将更新发送到服务器。服务器端接收到请求后,更新数据存储,并可能返回确认信息,确保数据的一致性。 为了实现类似Excel的公式计算功能,可以使用...

    ext Grid控件

    10. 批量编辑:对于需要批量操作的数据,可以通过BatchEditing插件实现。 11. 内置事件:如cellclick、rowselect等,方便开发者响应用户操作。 EXT Grid的强大还在于其可扩展性,开发者可以自定义列类型、行为和...

    掏钱学Ext(完整版) 附全部源码

    2.7. 还差:表头菜单,分页,可编辑表格,去服务器读取数据,改变大小,表格间拖拽,树与表格间拖拽。 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是为了树,才开始学ext的。 3.2. 传统是先做出一棵树来。 ...

    ThinkPHP+Ext学生信息管理系统示例

    在信息化管理领域,高效的学生信息管理系统是不可或缺的工具,本示例系统——“ThinkPHP+Ext学生信息管理系统”便是基于这一需求而构建的。该系统采用ThinkPHP框架结合Ext前端组件库,旨在提供一个稳定、易用且功能...

    自由调整表格列宽和固定标题及首列

    9. **最佳实践**:在设计电子表格时,应遵循良好的数据管理原则,如保持列宽适中,避免过宽导致的阅读困难,以及合理使用固定标题和首列,确保数据的清晰可读。 10. **学习资源**:要充分利用这些功能,可以通过...

    Ext用户扩展控件----------支持多选的列表,就像QQ控件添加删除音乐列表的控件

    1. **可多选**:用户可以同时选择多个项目,与单选列表相比,更适用于需要批量操作的场景。 2. **添加和删除**:用户可以动态地向列表中添加或移除项,这种交互方式提高了用户体验,尤其在管理列表内容时。 3. **...

    一个table控件

    5. 编辑:某些单元格或行可能是可编辑的,用户可以直接在表格中修改数据。 6. 自定义列:开发者可以自定义列的宽度、样式、内容等,以满足不同的展示需求。 7. 行选择:支持单选或多选行,便于进行批量操作。 8. ...

    新浪htmleditor修改版(添加图片,flv上传)

    1. 图片上传:原版编辑器可能仅支持简单的图片上传,而修改版可能增强了图片管理功能,比如增加了批量上传、图片预览、尺寸调整等特性,使得用户在发布博客时能更便捷地插入和管理图片。 2. FLV视频上传:FLV是一种...

    bootstrap3-editable-1.5.1.zip

    Bootstrap3-Editable 1.5.1 是一个基于Bootstrap框架的前端表格编辑插件,它为用户提供了在前端直接编辑表格数据的能力。这个插件旨在简化网页中的数据管理,允许用户对表格内容进行批量修改并实时保存,类似于知名...

    EXTJS产品级别管理后台源代码

    这款强大的框架提供了丰富的组件库,包括表格、表单、菜单、工具栏等,支持拖放、数据绑定、数据网格等功能,使得开发者可以快速创建复杂的用户界面。EXTJS产品级别管理后台源代码则是一个使用EXTJS开发的后端管理...

    系统用户个人权限分配

    Ext框架以其出色的稳定性和易用性受到开发者青睐,它的可维护性也使得大型项目的长期维护变得更加容易。早期版本的Ext框架中,数据源通常是XML文件,这是一种结构化的数据交换格式,能够跨平台、跨语言地传输和处理...

    图书isbn联网查询

    4. Excel保存:查询结果会被整理成结构化的Excel表格,包括多列,如“书名”、“作者”、“ISBN”等,方便用户查看、编辑和打印。 5. 数据管理:用户可以通过Excel表格对书籍信息进行分类、筛选、排序,甚至可以与...

    Extjs4学习指南

    - **可编辑的Grid**:实现对表格数据的在线编辑功能。 - **图片验证码的实现**:添加验证码功能以提高安全性。 - **TabPanel**:创建标签面板来组织多个相关视图。 - **选项卡(Tabs)**:实现选项卡的动态添加和删除...

    最新JAVA通用后台管理系统(ExtJS 4.2+Hibernate 4.1.7+Spring MVC 3.2.8)Eclipse版本

    4、Grid列表和表单,包含添加、删除、批量删除、修改、查看、图片查看和按条件查询列表等功能。 5、导入导出Excel数据,支持xlsx和xls文件。 6、资源管理(菜单管理)。 7、用户管理和部门管理。 8、权限管理。不仅...

    AuotoCAD常用快捷键学习总结(精编版).docx

    53. 修改对象(Chprop):批量编辑对象的属性。 54. 图形界限(Limits):设置图纸的打印范围。 55. 生成坐标系(XY平面视图,PLAN):创建和切换坐标系视图。 56. 标高设置(Elev):在三维空间中设置对象的标高。 ...

Global site tag (gtag.js) - Google Analytics