easyui 里关于datagrid增加行的问题

datagrid正常加载数据,就是最后用 $("#tabview").datagrid('appendRow' 没有看到增加行的效果,请大神指点,以下是js的源码

var dgr = {};
var title = '';
var url = '';
var frozenCol = [];
var column = [];
var queryParamter = {};
init_table();

if(btn_type == "btn_ds")  //地市追踪
{//表格定义      

    $("#btn").attr("onclick", "btn_click('btn_ds')");


    title = '开门红地市业绩追踪(万元)';
    url = 'ajaxgetdata.aspx';
    queryParamter = { "busitype": "ds", "startDate": "2017-11-01", "endDate": a};
   frozenCol = [[{ field: 'CITY_BRANCH_NAME', title: '机构', width: 80 }]];
    column = [
    [{ title: "目", colspan: 1 },
         { title: "预约", colspan: 1 },
         { title: "达成", colspan: 1 },
         { title: "预约", colspan: 1 },
         { title: "举绩", colspan: 1 },
         { title: "撤单", colspan: 1 },
         { title: "预约方式", colspan: 3 },
         { title: "三大平台", colspan: 3 },
         { title: "累计录单", colspan: 2 },
         { title: "今日录单", colspan: 2 },
         { title: "脱落", colspan: 2 }

      ],
    [
        { field: 'KMH_YY', title: '标', width: 70,align:'center'},
        { field: 'PREM', title: '保费', width: 80, align: 'center' },
        { field: 'DCL', title: '率', width: 80, align: 'center' ,formatter: function (value, row, index) { if (row != null) { return '<span style="color:red;">' + value + '</span>' } } },
        { field: 'YYJS', title: '件数', width: 80, align: 'center' },
        { field: 'JJRL', title: '人力', width: 80, align: 'center' },
        { field: 'CD_PREM', title: '保费', width: 80, align: 'center' },
        { field: 'PREM1', title: '国寿e家', width: 70, align: 'center' },
        { field: 'PREM2', title: '万能账户', width: 80, align: 'center' },
        { field: 'PREM3', title: '安保基金', width: 80, align: 'center' },
        { field: 'PREMCQ', title: '城区', width: 90, align: 'center' },
        { field: 'PREMLX', title: '两乡', width: 95, align: 'center' },
        { field: 'PREMSZ', title: '收展', width: 95, align: 'center' },
        { field: 'LD_JS', title: '件数', width: 95, align: 'center' },
        { field: 'LD_PREM', title: '保费', width: 95, align: 'center' },
       { field: 'LDJT_JS', title: '件数', width: 95, align: 'center' },
       { field: 'LDJT_PREM', title: '保费', width: 95, align: 'center' },
       { field: 'TL_JS', title: '件数', width: 95, align: 'center' },
       { field: 'TL_PREM', title: '保费', width: 95, align: 'center' }
      ]  
    ];

dgr.title = title;
dgr.queryParams = queryParamter;
dgr.url = url;
dgr.frozenColumns = frozenCol;
dgr.columns = column;
dgr.singleSelect = true; 

$('#tabview').datagrid(dgr);

$("#tabview").datagrid('appendRow', {
KMH_YY:'1200'
});

2个回答

appendRow放到dgr的onLoadSuccess配置里面,要不url异步加载的数据会覆盖你appendRow的

         dgr.title = title;
        dgr.queryParams = queryParamter;
        dgr.url = url;
        dgr.frozenColumns = frozenCol;
        dgr.columns = column;
        dgr.singleSelect = true;
        ////////////////
        dgr.onLoadSuccess = function () {
            $("#tabview").datagrid('appendRow', {
                KMH_YY: '1200'
            });
        }

        $('#tabview').datagrid(dgr);
changwen313
changwen313 老大,太棒了
2 年多之前 回复

f12看下console.看看有报错没,

也可以参考:

http://www.jeasyui.net/demo/340.html

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于easyUI的datagrid的边框问题

在一个页面上有两个datagrid表格,而且一个是嵌套到另一个里面的,如何只去掉其中一个datagrid表格的边框,而另一个保留边框呢

easyui 嵌套datagrid 二级datagrid编辑问题

![图片说明](https://img-ask.csdn.net/upload/201612/05/1480923849_204859.png) 一级datagrid编辑没有问题 二级datagrid编辑时只有第一行可以编辑,其他行都报错

easyui框架中datagrid中url问题

在书写url时,后面的路径用双引号,url无效,用单引号就可以,这是什么原因呢? 虽然程序能实现,却心存疑虑……

easyui datagrid 宽度显示问题

easyui dategrid 宽度怎么让其适应父级的宽度,尤其是当父级宽度改变时,怎么让dategrid的宽度也随之改变。 <div id="rightContent" class="main-content1"> <div class="menuContent"> <table id="datagrid" class="easyui-datagrid" style="width:100%;height:500px" data-options="collapsible:true,url:'/hgweb/device/page.shtml',pagination:true,pageSize:15,pageList:[15],toolbar:'#toolbar,fitColumns:true'">...</table> </div> </div>当我通过js改变class="main-content1"的宽度时,datagrid的宽度并不会改变,怎么能改变datagrid的宽度

关于easyui的datagrid显示问题

![图片说明](https://img-ask.csdn.net/upload/201710/21/1508599357_381513.png) 这个是显示问题,正常应该下方没有大片空白的,但是我遗留了大片空白,不清楚什么 原因造成的,用的是火狐浏览器 ![图片说明](https://img-ask.csdn.net/upload/201710/21/1508599423_231606.png) 这个是写的JSP文件的代码

easyui datagrid中行颜色显示的问题

我用rowStyler给行设置样式后,默认的选中行样式就不起作用了,如何解决? ``` rowStyler:function(rowIndex,rowData){ //已审核的变色 if(rowData.auditingState=="2" ) { return 'background-color:#eee;'; } }, ```

easyUI 的datagrid rownumber高度自适应问题

![图片说明](https://img-ask.csdn.net/upload/201708/26/1503718934_7637.png) 就是这里,当内容换行之后行号高度还是原来高度,这个怎么解决,我看datagrid里面好像没有这个属性

EasyUI datagrid重复刷新问题

用了官网给的那个自动分页的dgv之后,本来是在 ``` <table id="dg" title="Custom DataGrid Pager" style="width:700px;height:250px" data-options="rownumbers:true,singleSelect:true,pagination:true,url:'datagrid_data1.json',method:'get'"> ``` 这里设置url数据源的,因为要实现查找功能于是在JS中用$('dg').datagrid('options').url = "" 重新设置了下,结果运行出来的确能显示出查找的数据,但是就是一闪而过,紧接着就是Processing please wait ,然后数据就恢复成原始状态了。怎么才能解决啊,研究了好久感觉是那个table自带的刷新出的问题,可就是找不到代码,有哪位大神能告知下解决办法吗

easyui的datagrid网格错位

![](https://img-ask.csdn.net/upload/201612/07/1481099887_568922.jpg) 加载完成后就是出现这种错位现象,但是只要调整一下就会全部对齐 行的宽度也设置了,但是无论宽度设置多少,头部数据的宽度总是会比内容数据的宽度宽一点 表格是采用的加载本地json文件的方式 html ``` <input id="cc" name="dept" value="01"> ``` js代码 ``` $('#cc').datagrid({ idField: 'location', url: 'data.json', columns: [ [ { field: 'location', title: '位置', align: "center", width: 120, rowspan: 2 }, { title: '类别', halign: "center", colspan: 6 }, { field: 'year', title: '统计年份', align: "center", width: 120, rowspan: 2 }, ],[ { field: 'warnning', title: '警示桩(根)', align: "center", width: 120, }, { field: 'cover', title: '水泥盖板(个)', align: "center", width: 120, }, { field: 'sign', title: '标志牌(个)', align: "center", width: 120, }, { field: 'pillar', title: '立柱(根)', align: "center", width: 120, }, { field: 'net', title: '铁丝网(平方米)', align: "center", width: 120, }, { field: 'stone', title: '路缘石(米)', align: "center", width: 120, }, ] ], }); ``` json ``` {"rows":[ {"location":"k3467-K3468", "warnning":"20", "cover":"13", "sign":"24", "pillar":"15", "net":"667", "stone":"3000", "year":"2016-3"}, {"location":"k3468-K3469", "warnning":"12", "cover":"23", "sign":"34", "pillar":"45", "net":"467", "stone":"5000", "year":"2015-3"}, {"location":"k3470-K3471", "warnning":"54", "cover":"34", "sign":"56", "pillar":"76", "net":"657", "stone":"3000", "year":"2015-7"}, {"location":"k3475-K3476", "warnning":"23", "cover":"53", "sign":"264", "pillar":"165", "net":"467", "stone":"5600", "year":"2016-3"} ] } ```

easyui重新加载datagrid时页面闪一下,怎么解决?

做datagrid表格,当使用reload方法重新加载的时候,页面会闪烁一下,灰色跟白色的一个交替,谁告诉我,怎么解决啊,让他重新加载时不闪烁?

easyUI datagrid赋值问题

因为前面是查询全部 没问题 但是现在加了时间条件查询 我只要查询数据库没有的空记录后 我再查数据库有的 或者全部的记录后台都可以查出来 但是datagrid不会显示 并且后台 还会报错 数组越界 我后台是用的List集合传的值,后台代码: public List<Gasorder2> Query(String queryTime) { String hql = ""; List<Gasorder2> list = new ArrayList<Gasorder2>(); if(queryTime.equals("")||queryTime==null){ hql="from Gasorder2"; }else{ hql="from Gasorder2 where buyGasTime like '%"+queryTime+"%'"; } try { Query query = session.createQuery(hql); list = query.list(); } catch (Exception e) { e.printStackTrace(); }finally{ session.close(); } return list; } datagrid数据: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %> <%@ page import="Model.Gasorder2" %> <%@ page import="dao.select" %> <%@ page import="idao.iselect" %> <% String queryTime= request.getParameter("data").trim(); System.out.println("queryTime:"+queryTime); //List<Object[]> list = new ArrayList<Object[]>(); List<Gasorder2> list = new ArrayList<Gasorder2>(); iselect dao = new select(); list = dao.Query(queryTime); //获取客户端传递的分页参数 Integer pageSize = Integer.parseInt(request.getParameter("rows")); //默认参数rows表示每页显示记录数 Integer pageNumber = Integer.parseInt(request.getParameter("page")); //默认参数page表示当前页数 StringBuilder builder = new StringBuilder("{\"total\":"+list.size()+",\"rows\":["); //计算分页开始记录数 int start = (pageNumber-1)*pageSize; //计算分页结束记录数 int end = start+pageSize; //根据分页起始参数构建当前页的列表数据 for(int i=start;i<end && i<list.size();i++){ System.out.println("数组大小:"+list.size()); Gasorder2 gn = list.get(i); //System.out.println(gn.getBuyerAddress()+"~~~~~~"+i); String buyGasStatus = ""; if(gn.getStatus().equals(11)){ buyGasStatus = "写卡成功"; }else{ buyGasStatus = gn.getStatus().toString(); } builder.append("{\"terminalName\":\""+gn.getTerminalName() +"\",\"terminalId\":\""+gn.getTerminalId() +"\",\"buyGasVolume\":\""+gn.getBuyGasVolume() +"\",\"buyGasMoney\":\""+gn.getBuyGasMoney() +"\",\"buyGasTime\":\""+gn.getBuyGasTime() +"\",\"takePayMsg\":\""+gn.getTakePayMsg() +"\",\"buyerAddress\":\""+gn.getBuyerAddress() +"\",\"buyerName\":\""+gn.getBuyerName() +"\",\"priceName\":\""+gn.getPriceName() +"\",\"status\":\""+buyGasStatus +"\",\"userCode\":\""+gn.getUserCode() +"\",\"watchManufacturer\":\""+gn.getWatchManufacturer() +"\",\"flowId\":\""+gn.getFlowId() +"\"},"); } list.clear(); String gridJSON = builder.toString(); if(gridJSON.endsWith(",")){ gridJSON = gridJSON.substring(0,gridJSON.lastIndexOf(",")); } out.print(gridJSON.toString()+"]}"); System.out.println(gridJSON.toString()+"]}"); %>

easyUI datagrid 列编辑

datagrid行上多个字段都是可编辑的,都有editor 属性,但是现在想要单击或双击某一列,打开当前列的编辑状态,求助大神,谢谢 答案找到了,谢谢 <script type="text/javascript"> $.extend($.fn.datagrid.methods, { editCell : function(jq, param) { return jq.each(function() { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat( $(this).datagrid('getColumnFields')); for ( var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null; } } $(this).datagrid('beginEdit', param.index); for ( var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor = col.editor1; } }); } }); var editIndex = undefined; //结束编辑 function endEditing() { if (editIndex == undefined) { return true } if ($('#dg').datagrid('validateRow', editIndex)) { $('#dg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } //单击单元格 function onClickCell(index, field) { if (endEditing()) { $('#dg').datagrid('selectRow', index).datagrid('editCell', { index : index, field : field }); editIndex = index; } } </script>

easyui datagrid 中combobox显示问题

我的列表中有个下拉框当选择一项后页面上所显示的是代码而不是文字,我的下拉框代码如下:function addEditorPosition(){ ``` $("#borrow_detailinfo").datagrid('addEditor',{ field:'borrow_type',title:'借款类型',width:150,align:'center', formatter: unitformatter, editor:{ type:'combobox', //设置下拉框 options:{ //url:cusUrl, //ajax请求配置下拉框选项 data:positions, valueField : 'enname', //存储字段码 textField : 'cnname', //显示字段值 required : true, editable : false, onSelect:function(record){ //选择后结束行编辑 } } } }); } ``` 匹配的方法代码如下: ``` function unitformatter(value) { for (var i = 0; i < positions.length; i++) { if (positions[i].enname == value) { alert(value); return positions[i].enname; } } return value; } ``` 这个方法干脆就不走,求大神,求帮助。

easyui的datagrid的字段显示问题

使用easyUI的datagrid()方法的时候,出现前台页面无法显示展示字段的问题, ![图片说明](https://img-ask.csdn.net/upload/201710/12/1507793625_121778.png) 首先排除后台sql的问题,确定sql中有该字段

easyui datagrid数据绑定问题

我用ajax调用了后台方法,得到的data如图,却始终不能显示在页面上!求大神指教!![图片说明](https://img-ask.csdn.net/upload/201509/08/1441703737_534894.png)![图片说明](https://img-ask.csdn.net/upload/201509/08/1441703883_156228.png)

easyui datagrid里的textbox问题

![图片说明](https://img-ask.csdn.net/upload/201709/13/1505300551_381260.png) datagrid里的textbox的高度怎么调到跟datagrid行高一样

jquery easyui datagrid 滚动条

easyui版本:1.4.1 问题:datagrid中有好多好多列,且有数据。但是它只显示部分列。不出现滚动条,其他列看不见。我没有设置列的宽度,fitColumns的值是false. 我把宽度设成很小,才会出现滚动条。比如300px。但是这样太小了。 怎么解决啊。

关于easyui datagrid聚焦单元格无法显示含有空格的字符串

我在datagrid中用nowrap:true将字符串显示在一行中且聚焦显示全部数据。 问题是如果我的字符串中含有空格的话,我聚焦单元就没法显示整个字符串,求大神帮帮忙。

easyui datagrid 分页栏位置问题

请问各位大神 easyui datagrid 的分页栏如何锁在屏幕底部,另外,datagrid一般显示多少条一页看起来比较美观?

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c# dbml文件 修改 c#遍历tree c# 能够控制单片机 c#对象写入数据库 c# 添加activex c#2005 json c# 数据库在云端 c# 字符串移位加密 c#禁用滚轮 c#实体类list去重复
立即提问