文档章节

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
AngularJS和EasyUI结合使用的注意点

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

Big_BoBo
2013/12/26
0
8
easyui datagrid deleteRow(删除行)的BUG!

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

铂金小鸟
2012/09/06
0
17
Easyui的datagrid结合hibernate实现数据分页

最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1、先来看看效果,二话不说,上图直观! 2、easyui的datagrid的...

岁月无痕
2013/04/17
0
3

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 教程:在 Confluence 中导航

当你对 Confluence 有所了解后,你会发现 Confluence 使用起来非常简单。这个教程主要是针对你使用的 Confluence 界面进行一些说明,同时向你展示在那里可以进行一些通用的任务和操作。 空间...

honeymose
今天
2
0
sed, awk 练习

1. sed打印某行到某行之间的内容 2. sed 转换大小写 将单词首字母转化大写 将所有小写转化大写 3. sed 在某一行最后面添加一个数字 4. 删除某行到最后一行 解析: {:a;N;$!ba;d} :a : 是...

Fc丶
今天
2
0
babel6升级到7,jest-babel报错:Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

自从将前端环境更新到babel7,jest-babel之前是基于babel6的,执行时候就会报:Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 很烦,因为连续帮好几台电脑修复这个问题,所以记...

曾建凯
今天
1
0
探索802.11ax

802.11ax承诺在真实条件下改善峰值性能和最差情况。 如何改善今天的Wi-Fi? 在决定如何改进当前版本以外的Wi-Fi时,802.11ac,IEEE和Wi-Fi联盟调查了Wi-Fi部署和行为,以确定更广泛使用的障碍...

linuxprobe16
今天
2
0
使用linux将64G的SDCARD格式化为FAT32

一、命令如下: sudo fdisk -lsudo mkfs.vfat /dev/sda -Isudo fdisk /dev/sda Welcome to fdisk (util-linux 2.29.2). Changes will remain in memory only, until you decide to wri......

mbzhong
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部