文档章节

easyui-datagrid之动态新增列后取不到数据???

fanz000
 fanz000
发布于 2017/04/26 10:48
字数 217
阅读 3
收藏 0

function initData() {
        var id = $("#sid").val();
        $("#bxdata").datagrid({
            heigth:300,  
            width:1550,   
            idField:'ID',  
            url:'Baoxiaozi/dataGrid?ID='+id,
            pagination:true,
              pageSize:10,
              pageList:[10,20,30],
            singleSelect:false,  
            fitColumns:true,  
            nowrap:true, 
            rownumbers:true, 
            sortName:'ID',
            sortOrder:'asc',
            columns:[[  
                {field:'ID',checkbox:true,formatter:function(value, row, index) {
                    return row.ID;
                }},
                {field:'BXITEM',title:'报销事项',width:100,
                editor:{
                     type : 'text',
                     options : {
                         required : true
                     }
                 }
                },
                {field:'BXTYPE',title:'报销类型',width:100,
                editor:{
                    type : 'combobox',
                    options : {
                        data : [
                            {value:'付款',text:'付款','selected':'true'},
                            {value:'出差',text:'出差'},
                            {value:'报销',text:'报销'},
                            {value:'采购',text:'采购'},
                            {value:'交通费',text:'交通费'}
                        ],
                        required : true
                    }
                 }
                },
                {field:'NUMBER',title:'数量统计',width:100,
                editor:{
                     type : 'text',
                     options : {
                         required : true
                     }
                 }
                },  
                {field:'MONEY',title:'金额',width:100,
                editor:{
                     type : 'text',
                     options : {
                         required : true
                     }
                 }
                }
            ]],   
            toolbar:[{
                text:'添加',
                iconCls:'icon-add',
                handler:function() {
                    append();
                    $("#bxdata").datagrid('beginEdit', 0);
                    editRow = 0;
                }
            },'-',{
                text:'删除',
                iconCls:'icon-remove',
                handler:function() {
                    remove();
                }
            }]
        });
    }

 

 

//新增报销表单行
    function append() {
        $('#bxdata').datagrid('appendRow',{
            'ID':'',
            'BXITEM':'',
            'BXTYPE':'',
            'NUMBER':'',
            'MONEY':''
        });
        var rows = $("#bxdata").datagrid('getRows');
        $('#bxdata').datagrid('beginEdit',rows.length-1);
    }

 

 

var rows = $('#bxdata').datagrid('getData').rows;

var rowstr = JSON.stringify(rows);

        alert(rowstr);

© 著作权归作者所有

共有 人打赏支持
fanz000
粉丝 0
博文 1
码字总数 217
作品 0
深圳
如何用easyui动态加载表格标题

在最近做的项目中涉及到了需要加载大量表格的功能,采用了easyui的datagrid,但是发现datdagrid表格标题需要手动写,这在表格多的情况是一件很麻烦的事情。经过了long long time 终于研究出来...

MissGu
2015/03/28
0
0
qury-easyui DataGrid 整合struts2增删查该入门实例(三)

主界面 添加 修改 删除 查询暂时按照单字段id查询 页面主要代码easyDemo1.jsp: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getConte......

一念三千
2012/11/01
0
0
easyui datagrid deleteRow(删除行)的BUG!

项目中又用到easyui 的datagrid做数据展示。功能很强大,很实用,但bug也很多。今天这个就够让人头疼。 如图,现在有个删除功能,选中一行,点击就可以删除。 easyui datagrid 提供了deleteR...

铂金小鸟
2012/09/06
0
17
jQuery EasyUI DataGrid Checkbox 数据设定与取值

有关 jQuery EasyUI DataGrid 的相关资料,可以前往官网查看, jQuery EasyUI 官网 jQuery EasyUI Documentation DataGrid Demo CheckBox select on DataGrid...

Amamatthew
2014/10/10
0
0
AngularJS和EasyUI结合使用的注意点

最近在着手用angular重构一个项目,原来的前台是纯easyui做的,最近花了一周学了angular,决定把它们结合下,用纯html 和 暴露后台rest api搞起。结果在ng-view多页切换的时候遇到了一个问题...

Big_BoBo
2013/12/26
0
8

没有更多内容

加载失败,请刷新页面

加载更多

ajax 提交返回map集合 获取不到值

后台java代码 @RequestMapping("/cameraList") @ResponseBody public Map<String, Object> cameraListForPage(@RequestParam(defaultValue = "1", value = "page") Integer page......

S三少S
5分钟前
0
0
TypeScrip最污的技术课-技术胖TypeScript图文视频教程

近日Node.js之父瑞安达尔(Ryan Dahl)发布新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,使用 rust 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终...

JamesView
7分钟前
5
0
Es学习笔记

1.过滤排重聚合查询 筛选出某一个聚合值的个数统计。相当于mysql的distinct. 关键字:cardinality "aggs": { "2":{ "cardinality": { "field": "field" } ...

Gmupload
10分钟前
0
0
h5语义化标签

语义化HTML:用最恰当的HTML元素标签做恰当的事情。 优点: 提升可访问性; SEO; 结构清晰,利于维护; 通用容器:div——块级通用容器;span——短语内容无语义容器。 <title></title>:简...

莫西摩西
16分钟前
0
0
修改11g rac中 asm diskstring的发现路径

问题 : 如果我 们asm_disking以前是/dev/oracleasm/disks/* ,并且现在已经有磁盘组再用这个磁盘串了,那么,我们无法直接修改这个发现串为 ORCL:*,修改会报错,提示存在的磁盘无法使用新的...

tututu_jiang
19分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部