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

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

2个回答

$('#dg').datagrid('loadData',data);//试试这样。。。

limin0017
limin0017 回复zhang_kang_user: 谢谢,好了
2 年多之前 回复
zhang_kang_user
zk_Kang 回复limin0017: 你可以把查出来的数据当成data给它放进去啊,就等于重新查一遍,
2 年多之前 回复
limin0017
limin0017 loadata不是加载本地数据吗?我这个是加载从数据库中查询的数据,重载是为了,改变查询条件,重新从数据库中取值……
2 年多之前 回复

使用load和reload函数去动态加载数据,而不是选择再次渲染组件,而再次渲染组件的目的仅仅是为了设置url,这得不偿失,url的设置可以通过options方法获取到组件实例的opts,然后在给opts.url重新赋值即可;
用class方式注册组件,一般只将属性写在DOM里,而事件通常还是用 javascipt调用datagrid构造函数注册,这个过程中就发生了二次请求:第一次是class方式实例化的时候,第二次是javascript 注册事件的时候。所以在要绑定事件的情况下,索性就不要使用class方式注册了。
说这么多其实上面的都是扯淡;直接上列子:

把这里的class去掉就行了,改为:
,因为我们在js里面是这样写的:$('#materialData').datagrid({});所以body里面不用再写他的class,否则在页面加载《table》时候就回去调用一次,而在js里面还会去调用!
先写这么多给自己理解吧,以后发现理解的不对了再补充!
limin0017
limin0017 表示没看懂是什么意思。初始化的时候是$('#dg').datagrid({})写的,重新加载的时候,是这样$('#dg').datagrid('reload',{param1:param1,param2:param2});改怎么修改?
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyUI加载时dialog的内容会先显示

使用easyui做的datagrid,以及用于新增的dialog设置为closed,但是加载页面时dialog的内容会先显示出来,然后内容消失才显示datagrid,求解决办法

Easyui DataGrid首次加载,传个参数

页面上有个combo,首次加载DataGrid,把combo的值传到DataGrid,Load的方法里面

easyui datagrid数据加载完毕之后触发一个dialog窗体

easyui datagrid数据加载完毕之后自动触发一个dialog窗体 有一个某个属性方法可以实现吗? 该怎么写呢??? 不是用onLoadSuccess加载成功就触发,是加载完毕!!!

easyui datagrid加载数据时,如果数据里某个字段中存在制表符(tab),会导致页面加载不出来,怎么解决

![图片说明](https://img-ask.csdn.net/upload/202001/10/1578639536_154107.png) 比如以上图,假如文件标题里存在制表符,整个列表就不显示了

easyui 中 给datagrid 加载数据,combobox无法显示问题

本身datagrid默认是编辑模式的,其中COMBOBOX没有显示加载的数据 列明生成方法 ``` function GetGrid(str) { var Cloun = []; var colum = {}; //生成隐藏咧 colum["field"] = "SB_ID"; colum["hidden"] = "true"; Cloun.push(colum); colum = {}; //生成项目名称 colum["field"] = "RW_ID"; colum["width"] = "20%"; colum["title"] = "项目名称"; colum["formatter"] = function (value, row) { return row.RW_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'RW_ID', textField: 'RW_MC', method: 'get', data: RWBind(), onChange: function (data) { ChangesxlxLIST(data); } } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "SJLX_ID"; colum["width"] = "10%"; colum["title"] = "事件类型"; colum["formatter"] = function (value, row) { return row.SJLX_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'SJLX_ID', textField: 'SJLX_MC', method: 'get', data: [] } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "GZLX_ID"; colum["width"] = "10%"; colum["title"] = "工作类型"; colum["formatter"] = function (value, row) { return row.GZLX_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'GZLX_ID', textField: 'GZLX_MC', method: 'get', data: GZLXBind(str), onChange: function (data) { ChangeJF(data); } } }; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_NR"; colum["width"] = "29%"; colum["title"] = "事件内容"; colum["editor"] = "textbox"; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_ST"; colum["width"] = "8%"; colum["align"] = "center"; colum["title"] = "开始时间"; colum["editor"] = { type: 'datebox' }; colum["formatter"] = formatDatebox; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_ET"; colum["width"] = "8%"; colum["align"] = "center"; colum["title"] = "结束时间"; colum["editor"] = { type: 'datebox' }; colum["formatter"] = formatDatebox; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_WORK"; colum["width"] = "5%"; colum["align"] = "center"; colum["title"] = "工作量"; colum["editor"] = { type: 'numberbox', options: { precision: 1 } }; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_SCORE"; colum["width"] = "5%"; colum["align"] = "center"; colum["title"] = "积分"; colum["editor"] = { type: 'numberbox', options: { precision: 1 } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "SBSP_WCD"; colum["width"] = "5%"; colum["title"] = "完成度"; colum["formatter"] = function (value, row) { return row.val; }; colum["editor"] = { type:'combobox', options:{ valueField:'text', textField:'val', method:'get', data:overD } }; Cloun.push(colum); $('#dg').datagrid({ columns: [Cloun] }); } ``` 数据加载模块 ``` if (retVal.length>0) { for (var i = 0; i < retVal.length; i++) { var data = {}; data["RW_ID"] = retVal[i]["RW_ID"]; data["SB_ID"] = retVal[i]["SB_ID"]; data["RY_ID"] = retVal[i]["SB_RY"]; data["RY_MC"] = retVal[i]["RY_MC"]; data["SBSP_ST"] = retVal[i]["SBSP_ST"].toCHString(false); data["SBSP_ET"] = retVal[i]["SBSP_ET"].toCHString(false); data["JRRY"] = retVal[i]["JRRY"]; data["SJLX_ID"] = retVal[i]["SJLX_ID"]; data["SJLX_MC"] = retVal[i]["SJLX_MC"]; data["SBSP_NR"] = retVal[i]["SBSP_NR"]; data["GZLX_MC"] = retVal[i]["GZLX_MC"]; data["SBSP_WCD"] = retVal[i]["SBSP_WCD"] + "%"; data["WORK_ID"] = retVal[i]["WORK_ID"]; data["SBSP_WORK"] = retVal[i]["SBSP_WORK"]; data["SBSP_SCORE"] = retVal[i]["SBSP_SCORE"]; data["ZGID"] = retVal[i]["ZGID"]; data["ZGMC"] = retVal[i]["ZGMC"]; data["XGID"] = retVal[i]["XGID"]; data["XGMC"] = retVal[i]["XGMC"]; dataDgData.push(data); } $('#dg').datagrid('loadData', dataDgData); ``` ![图片说明](https://img-ask.csdn.net/upload/201704/24/1493006213_385905.png)

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自带的刷新出的问题,可就是找不到代码,有哪位大神能告知下解决办法吗

使用js加载easyui里面的datagrid界面显示不出来。

![图片说明](https://img-ask.csdn.net/upload/201608/15/1471232237_322572.png) 下面那种内嵌的能显示,上面用JS的加载不出来。 ![图片说明](https://img-ask.csdn.net/upload/201608/15/1471232346_529520.png) 运行结果只有一个表。

easyui layout 加载页面显示不全

高手们大家好,我在使用easyui时出现一个问题,在主页面layout的center区域中加载一个页面,结果却显示不全: 主页面结构: <body id="lyt_main" class="easyui-layout" style="visibility: hidden;"> <div data-options="region:'north'" style="height:60px;"><div > <div data-options="region:'center'" "><div > <div data-options="region:'west'" style="width:60px;"><div > </body> 脚本: $('lyt_main').layput('panel','center').panel('refresh', 'pages/z/planstate.html'); 子页面 <script></script> //脚本省略,其中dtd_planprocess是datagrid,且设为fit。 <table id="dtd_planprocess" ></table> 问题: **子页面单独显示很正常,加载到主页面后数据表格右边显示不出来,经过反复查看发现layout的center区域要比实际显示的要宽,用iframe也同样存在这个问题** 。请高手们指点!

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' });

Spring MVC easyui1.3.2 datagrid无法加载数据

``` jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/common/page/jqueryMaster.jsp"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="<%=root%>/info/js/infoList.js" charset="utf-8"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>信息列表</title> </head> <body> <!-- 列表 --> <table id="tt"> </table> <!-- 工具拦 --> <div id="tb" style="padding: 3px"> <form method="post" action="" id="myForm" name="myForm"> <br> <span>信息标题:</span> <input id="ensurname" name="ensurname" style="width:160px; border: 1px solid #ccc"> <span>创建人:</span> <input id="engivename" name="engivename" style="width:160px; border: 1px solid #ccc"> <span>创建时间:</span> <input name="asampletbl.birthday" id="abirthday" class="easyui-datebox" currentText='今天' closeText='关闭' formatter="formatDate"> <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-search'" onclick="doSearch()">查询</a> <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-undo'" onclick="Javascript:$('#tb').form('clear')">清空</a> <!-- <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-remove'" onclick="dodelete()">删除</a> <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-add'" onclick="doadd()">添加</a> --> <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-add'" onclick="window.parent.addTab('tabId_infoCreate','信息新增','<%=root%>/createInfo.do')">添加</a> <!-- <a href="#" class="easyui-linkbutton" iconAlign="right" data-options="iconCls:'icon-edit'" onclick="doedit()">修改</a> --> </form> </div> </body> </html> js $(function() { console.info($("#tt").parent().width() - 2); $('#tt').datagrid({ url : root + "/getInfoList.do", title : '信息列表',//文字提示 iconCls : 'icon-ok', fitColumns : true, width : $("#tt").parent().width() - 2,//长度 height : 20,//高度 pageSize : 10,//默认每页多少行 pageList : [ 10, 20, 30, 40, 50 ],//可以选择每页多少行 collapsible:true, nowrap : false, striped : true, collapsible : true, loadMsg : '数据装载中......',//等待页面的时候,显示的内容 toolbar : "#tb",//工具栏 调用ID为tb的div,将工具栏嵌套进去 frozenColumns : [ [ { field : 'ck', checkbox : true } ] ], columns:[[{field:'id',title:'主键',width:30,hidden:true}, {field:'title',title:'信息标题',width:30, align:'center'}, {field:'operater',title:'发送人',width:30, align:'center'}, {field:'opertime',title:'发送时间',width:30, align:'center'} ]], pagination : true,//启动分页效果 rownumbers : true, // 显示行数 singleSelect: true // 只选择一行 }); }); Controller /** * 查询发送信息列表 * * @param request * @param model * @return * @throws Exception */ @RequestMapping(value="/getInfoList.do") @ResponseBody public Map<String, Object> getInfoList(int page,int rows) throws Exception { log.info("查询发送信息开始"); int start = (page-1)*rows; List<Info> users = infoAccessService.getAll(start,rows); int total = infoAccessService.getNumber(); Map<String, Object> map = new HashMap<String, Object>(); map.put("total", total); map.put("rows", users); log.info("查询发送信息结束"); return map; } 以上是我的代码,在返回结果时总是无法加载 ```

easyui datagrid渲染~

代码如下:在initGrid() 方法后。我用 $.parser.parse(grid); 渲染datagrid,依旧不行 但是我loadData的时候第一行加载不了数据。导致我20行记录只显示19行。最后一行不显示。 ``` //添加tab function addTabs(tabArr){ if(tabArr&&(Object.prototype.toString.call(tabArr) === '[object Array]')){ for(var i=0;i<tabArr.length;i++){ $('#tabs').tabs('add',{ title:tabArr[i], selected:false, content:"<table id='grid"+i+"' name='gn' data-options='border:false,fit:true '></table>",// }); } $('#tabs').tabs('select',0); } } ``` <div id='tabs' class="easyui-tabs" data-options="region:'center',fit:true,border:false"></div> ``` /** * [initGrid 初始化datagrid] */ function initGrid() { grid = $("[name='gn']").datagrid({ // data: data, idField : 'columnNo', sortName: 'type,seq', checkOnSelect:false, selectOnCheck:false, pagination:false, frozenColumns: [[{//columns width: '50', field: 'checkbox', checkbox: true }, { width: '70', title: '编号', field: 'ptdNo', hidden: true }, { width: '80', title: '模版编号', field: 'ptNo', hidden: true }, { width: '110', title: '列编码', field: 'columnNo', hidden: true }, { width: '125', title: '列名', field: 'name', }]] //省略 }); } ```

Easyui datagrid不显示数据

刚接触easyui,不太熟,根据datagrid的格式拼装了数据,无法显示到datagrid里,但是在jsp里面创建一个var变量就可以显示,求大牛帮忙看下 JSP页面代码: ``` $(function() { //alert(getParasFromUrl("selectType")); //alert(getParasFromUrl("objectID")); //初始化表格内容 $('#dataList').datagrid({ title : 'IP地址详情', //data:dataGrid, method : 'post', singleSelect : true, height : 370, fit : true, fitColumns : true, striped : true, collapsible : true, //url : "/jsp/jcss/IPQueryDetailAction.do?operation=queryIPFromDB", url : "/InfoMgr/jsp/jcss/IPQueryDetailAction.do?operation=query&selectType="+getParasFromUrl("selectType") + "&objectID=" + getParasFromUrl("objectID"), sortName : 'IP', pageSize: 50, //每页显示的记录条数,默认为10 pageList: [30, 50, 100, 200, 300], //分页显示选项 sortOrder : 'asc', remoteSort : false, idField : 'ID', pagination : true, // 显示分页 rownumbers : true, // 显示行号 columns : [ [ {field : 'ID', title : '序号', width : 20, sortable : true, halign : 'center'}, {field : 'IP', title : 'IP', width : 100, sortable : true, halign : 'center'}, {field : 'HOSTNAME', title : '主机名称', width : 100, sortable : true, halign : 'center'}, {field : 'GATEWAY', title : '网关', width : 80, sortable : true, halign : 'center'}, {field : 'USEFOR', title : '用途', width : 120, sortable : true, halign : 'center'}, {field : 'PROPOSER', title : '申请人', width : 120, sortable : true, halign : 'center'}, {field : 'CREATEDATE', title : '申请时间', width : 120, sortable : true, halign : 'center'}, ] ], onLoadSuccess : function() { //alert('OK'); //$('#dataList').datagrid('reload'); //$('#dataList').datagrid('clearSelections'); // 一定要加上这一句,要不然datagrid会记住之前的选择状态,删除时会出问题 }, onDblClickRow: function (rowIndex, rowData) { }, onClickRow: function (rowIndex, rowData) { }, }); }); ``` 后台数据拼装: ``` public List getIPSegFromDB(String ID){ System.out.println("call getIPSegFromDB"); List<String> lstIPs = new ArrayList<String>(); StringBuffer sb = new StringBuffer(); sb.append("{\"total\":28,\"rows\":["); sb.append("{\"ID\":\"1\",\"IP\":\"192.168.1.1\",\"HOSTNAME\":\"test\",\"GATEWAY\":\"192.168.1.254\",\"USEFOR\":\"测试\",\"PROPOSER\":\"11\",\"CREATEDATE\":\"2015-11-21\"},"); sb.append("{\"ID\":\"2\",\"IP\":\"192.168.1.2\",\"HOSTNAME\":\"test\",\"GATEWAY\":\"192.168.1.254\",\"USEFOR\":\"测试\",\"PROPOSER\":\"111\",\"CREATEDATE\":\"2015-11-21\"}"); sb.append("]}"); lstIPs.add(sb.toString()); return lstIPs; } ``` 返回json: ``` response.getWriter().print(JSONArray.fromObject(qis.getIPSegFromDB(objectID)).toString()); ``` 鼓捣一晚上了没查出问题来,但是按照下面的格式写到jsp页面里,就能显示出来。。。。求解啊。。。 ``` var dataGrid = {"total":28,"rows":[ {"ID":"1","IP":"192.168.1.1","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21"},{"ID":"2","IP":"192.168.1.2","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21"}, {"ID":"1","IP":"192.168.1.1","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21"},{"ID":"2","IP":"192.168.1.2","HOSTNAME":"test","GATEWAY":"192.168.1.254","USEFOR":"测试","PROPOSER":"111","CREATEDATE":"2015-11-21"} ]}; ```

我在用easyui的datagrid 想ajax动态刷新某一单元格的数据

![图片说明](https://img-ask.csdn.net/upload/201504/04/1428116690_332057.jpg) 我在用easyui的datagrid 想ajax动态刷新某一单元格的数据, 如图中, 我测试了更新两个单元格的数据, 但是第一个单元格的数据修改成功了并且页面也动态显示出来了, 但是第二个单元格就是没效果...不知道这到底是为什么.....

easyui 的 datagrid 在选项卡 tabs 中不显示数据

``` </head> <body> <div class="body"> <div class="left"> <div id="ak47" class="li"> 添加选项卡 </div> </div> <div class="right"> <div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> </div> </div> </div> </body> <script type="text/javascript" src="${basePath }/js/jquery-1.12.2.min.js"></script> <script type="text/javascript" src="${basePath }/easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function(){ var flog=0; $('#tt').tabs({ border:false, onSelect:function(title){ alert(title+' is selected'); } }); // add a new tab panel $('#tt').tabs('add',{ title:'New Tab', content:'Tab Body', closable:true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); $("#ak47").on("click",function(){ if(flog==0) { flog+=1; // 添加一个新的选项卡 $('#tt').tabs('add',{ id:"ad", title:'New Tab', content:'<table id="dg"></table>', closable:true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); $('#dg').datagrid({ url:'${basePath}/dba/listUser', columns:[[ {field:'id',title:'ID',width:100}, {field:'loginId',title:'用户名',width:100}, {field:'password',title:'密码',width:100,align:'right'} ]] }); } }); $('#tt').tabs({ onClose:function(){ flog=0; } }); }); ``` 点击的时候生成一个tabs并且在tabs中插入一个datagrid。现在的结果是数据可以过来,但是datagrid被挤成一条竖线,数据有,但是被隐藏了 ![图片说明](https://img-ask.csdn.net/upload/201805/08/1525759859_65811.jpg) 下面是获得的数据,但是无法显示 ![图片说明](https://img-ask.csdn.net/upload/201805/08/1525759951_294361.jpg)

easyui 的 datagrid 高度无法自适应呢?

``` <link rel="stylesheet" type="text/css" href="../js/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="../js/themes/icon.css" /> <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="../js/jquery.easyui.js"></script> ``` ``` <table id="dg" class="easyui-datagrid"> <thead> <tr> <th field="username" width="50">用户名</th> <th field="password" width="50">密码</th> <th field="phone" width="50">电话号</th> <th field="email" width="50">邮箱</th> </tr> </thead> </table> ``` ``` <script type="text/javascript"> //datagrid初始化 $('#dg').datagrid({ title:'用户列表', nowrap: false, striped: true, border: true, fit: true, url:'../php/user.php', remoteSort:false, fitColumns:true, idField:'fldId', singleSelect:false, pagination:true, rownumbers:true }); </script> ``` ![图片说明](https://img-ask.csdn.net/upload/201503/20/1426827553_491366.png)

springmvc将数据传递给easyui中的datagrid时数据库中的数据没有显示

这个list集合中的数据已经测试了,可以取到 @RequestMapping(value="/findCost",method=RequestMethod.POST) @ResponseBody public Object findCost(HttpServletRequest request) throws Exception{ List costs= costService.findAll(); return costs; } 有个一table id是dg,changeme为工程名,其中定义的列名都可以正常显示,但是post请求时报406错误,数据都不显示 $(function () { $('#dg').datagrid( { url :'/changeme/findCost', method : 'post', title : '资费列表', iconCls : 'icon-save', loadMsg : '数据加载中,请稍后......', fitColumns : true, striped : true, singleSelect : true, rownumbers : true, columns : [ [ { field : 'id', checkbox : true, width : 10 }, { field : 'name', title : '资费名称', width : 300, }, { field : 'baseDuration', title : '基本时长', width : 200, sortable :true }, { field : 'baseCost', title : '基本费用', width : 200, sortable :true }, { field : 'unitCost', title : '单位费用', width : 200, sortable :true }, { field : 'createTime', title : '创建时间', width : 200 }, { field : 'startTime', title : '开通时间', width : 200 }, { field : 'status', title : '状态', width : 200, formatter : function(value) { if (value == "0") { return "开通"; } else if (value=="1"){ return "暂停"; }else{ return null; } } } ] ], toolbar : [ { text : '添加', iconCls : 'icon-add', handler : function() { // 跳转到添加页面 $('#content').load('/addCost'); } }, '-', { text : '删除', iconCls : 'icon-remove', handler : function() { // 跳转到添加页面 var index = $('#dg input:checkbox').value; del(index); } }, '-', { text : '修改', iconCls : 'icon-edit', handler : function() { view(); } }] } ); } );

easyui使用dataGrid如何改变指定列的值

各位大神,小弟在做easyui练手时遇到一个问题,如下图所示,我需要改变用户的状态,想通过在页面加载过程中,根据后台传来的0或者1,在状态一列中显示的是“停用/启用”,而不是0,1.这个该怎么做啊。 ![图片说明](https://img-ask.csdn.net/upload/201704/03/1491220131_415373.png)

easyui前台分页 必须每次重新刷新整个页面才会有效

能否不刷新页面,前台分页也能起作用 (function($){ function pagerFilter(data){ if ($.isArray(data)){ // is array data = { total: data.length, rows: data } } var target = this; var dg = $(target); var state = dg.data('datagrid'); var opts = dg.datagrid('options'); if (!state.allRows){ state.allRows = (data.rows); } if (!opts.remoteSort && opts.sortName){ var names = opts.sortName.split(','); var orders = opts.sortOrder.split(','); state.allRows.sort(function(r1,r2){ var r = 0; for(var i=0; i<names.length; i++){ var sn = names[i]; var so = orders[i]; var col = $(target).datagrid('getColumnOption', sn); var sortFunc = col.sorter || function(a,b){ return a==b ? 0 : (a>b?1:-1); }; r = sortFunc(r1[sn], r2[sn]) * (so=='asc'?1:-1); if (r != 0){ return r; } } return r; }); } var start = (opts.pageNumber-1)*parseInt(opts.pageSize); var end = start + parseInt(opts.pageSize); data.rows = state.allRows.slice(start, end); return data; } var loadDataMethod = $.fn.datagrid.methods.loadData; var deleteRowMethod = $.fn.datagrid.methods.deleteRow; $.extend($.fn.datagrid.methods, { clientPaging: function(jq){ return jq.each(function(){ var dg = $(this); var state = dg.data('datagrid'); var opts = state.options; opts.loadFilter = pagerFilter; var onBeforeLoad = opts.onBeforeLoad; opts.onBeforeLoad = function(param){ state.allRows = null; return onBeforeLoad.call(this, param); } var pager = dg.datagrid('getPager'); pager.pagination({ onSelectPage:function(pageNum, pageSize){ opts.pageNumber = pageNum; opts.pageSize = pageSize; pager.pagination('refresh',{ pageNumber:pageNum, pageSize:pageSize }); dg.datagrid('loadData',state.allRows); } }); $(this).datagrid('loadData', state.data); if (opts.url){ $(this).datagrid('reload'); } }); }, loadData: function(jq, data){ jq.each(function(){ $(this).data('datagrid').allRows = null; }); return loadDataMethod.call($.fn.datagrid.methods, jq, data); }, deleteRow: function(jq, index){ return jq.each(function(){ var row = $(this).datagrid('getRows')[index]; deleteRowMethod.call($.fn.datagrid.methods, $(this), index); var state = $(this).data('datagrid'); if (state.options.loadFilter == pagerFilter){ for(var i=0; i<state.allRows.length; i++){ if (state.allRows[i] == row){ state.allRows.splice(i,1); break; } } $(this).datagrid('loadData', state.allRows); } }); }, getAllRows: function(jq){ return jq.data('datagrid').allRows; } }) })(jQuery);

不同页面关于easyui树的刷新加载问题

我在其他页面修改了树的数据库数据,想让树的具体节点刷新,如何获取到节点并刷新呢!现在我是引入相同的js,并定义reload()方法 ``` function reload(nodeid,flag){ var obj = $('#tt').tree('find', nodeid); if (0==flag) { var parent = $('#tt').tree('getParent',obj.target); $('#tt').tree('reload',parent.target); } else { $('#tt').tree('reload',obj.target); } } ``` 可是在同一个js下调用reload()是可以的,其他js 调用reload()会出现 ``` var obj = $('#tt').tree('find', nodeid); ``` 这行代码报错 _Uncaught TypeError: Cannot read property 'nodeName' of undefined_ ,nodeid和flag都传进来了,很苦恼啊!求指点!!

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

数据库——玩转SQL语句(以MySQL为例)

一、前言 照着大学的SQL server来学

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

01、Java入门(Getting Started);02、集成开发环境(IDE);03、项目结构(Eclipse JavaProject);04、类和对象(Classes and Objects);05:词法结构(Lexical Structure);06:数据类型和变量(Data Type and Variables);07:运算符(Operators);08:控制流程语句(Control Flow Statements);

Java岗开发3年,公司临时抽查算法,离职后这几题我记一辈子

前几天我们公司做了一件蠢事,非常非常愚蠢的事情。我原以为从学校出来之后,除了找工作有测试外,不会有任何与考试有关的事儿。 但是,天有不测风云,公司技术总监、人事总监两位大佬突然降临到我们事业线,叫上我老大,给我们组织了一场别开生面的“考试”。 那是一个风和日丽的下午,我翘着二郎腿,左手端着一杯卡布奇诺,右手抓着我的罗技鼠标,滚动着轮轴,穿梭在头条热点之间。 “淡黄的长裙~蓬松的头发...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

立即提问
相关内容推荐