文档章节

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
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.1K
3
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 rornumbers 出现负数

应用场景是每过10s从后台取一下数据,前台的easyui datagrid设置了rownumbers为true,偶尔会出现行号为-9 -8 -7等,当会一闪而过,变成正常的行号,我的easyui版本是1.4.5,不知道大家有没有...

ploolp
2016/06/30
516
1
Easy ui 的 datagrid columns的formatter渲染问题

使用Easyui 的datagrid的组件,发现在$(function(){ //初始化datagrid}); 后,对formatter会执行一次渲染,结果是formatter:function(value,rowData,index){}是取不到数据的。等到$(funtion...

云海逍遥生
2015/08/31
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

前嗅ForeSpider教程:采集黄页88

以黄页88为例,采集当前列表页新闻的正文数据: 第一步:新建任务 ①点击左上角“加号”新建任务,如图1: 【图1】 ②在弹窗里填写采集地址,任务名称,如图2: 【图2】 ③点击下一步,选择进...

forespider
13分钟前
1
0
Spring Cloud Alibaba基础教程:Nacos 生产级版本 0.8.0

昨晚Nacos社区发布了第一个生产级版本:0.8.0。由于该版本除了Bug修复之外,还提供了几个生产管理非常重要的特性,所以觉得还是有必要写一篇讲讲这次升级,在后续的文章中也都将以0.8.0版本为...

程序猿DD
22分钟前
1
0
HTML+CSS实现div的高度自适应填满剩余空间的7种方法

如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。 当下面内容不够时,在下面部分出现滚动条 有2种情况 1.上面内容的高度适应内容,只有2种方法(flex、quirks+table) 2.上面...

linsk1998
25分钟前
1
0
Oracle学习日志-8(查询结果排序)

要用到的表如下 书上写到,上面的查询结果排序是随机的,再执行几次结果可能不同,但是我执行多次后,查询结果的排序都是如此,是因为oracle的默认处理方式是按照物理储存顺序查询的,而我在...

白话
32分钟前
1
0
Data truncation: Incorrect datetime value: '0000-00-00 00:00:00' for column xxx

1. 错误提示 Data truncation: Incorrect datetime value: '0000-00-00 00:00:00' for column xxx 2. 问题分析 从上面的描述我们可以看出原因是:我们给类型是datetime的xxx字段赋值0000-00......

易冥天
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部