easyui datagrid linkbutton删除列

图片说明
JS新手求解:点击后面删除按钮,在界面删除该列

1个回答

操作那列配置formatter返回此行的id作为删除操作函数的id

 formatter:function(v,row,index){
return '<a href="#" onclick="delRow(\''+row['id列名称']+'\')">删除</a>'
}
 function delRow(id){
            var rows = $('#datagridid').datagrid('getRows'), r;
            for (var i = 0; i < rows.length; i++) {//查找数据行
                if (rows[i]['id列名称'] == id) { r = rows[i]; break; }
            }
            if (r) {
                 $('#datagridid').datagrid('deleteRow', $('#datagridid').datagrid('getRowIndex', r));//删除此行
            }
}

ak46143279
脸不大 谢谢你,兄弟!我对JS还不太熟,所以搞起来问题比较多,非常感谢你第二次帮助我,非常感谢
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
EasyUI的linkbutton无法显示

贴出代码: ``` <td class="td30"> <div id="preview1"> <img id="img_mt1" width=160 height=220 border=0 src='/images/default.jpg'> </div> <input type="file" onchange="previewImage(this,'preview1','img_mt1')" size="12"/> <input type="text" name="pho_d1" id="pho_d1" class="easyui-validatebox e-edit"> <div> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true"style="background-color:#5abce1;color:#FFFFFF; font-weight:bolder;font-family: 微软雅黑;" onclick="onClickUpload(this)">上传</a></div> </td> ``` 显示效果:“上传”文字链接按钮显示不出,是不是被覆盖了。本人初学页面 ![图片说明](https://img-ask.csdn.net/upload/201607/20/1469001277_448392.png)

EasyUI的linkbutton Text值改变问题

使用js新建了一个dialog窗口,href引用一个页面 ``` $('#dd').dialog({ title: 'My Dialog', width: 400, height: 200, closed: false, cache: false, href: 'test.html', modal: true, buttons : [ { text : 'close', id :'expandCollapse' } ] }); $('#dd').dialog(); ``` ![效果如下](https://img-ask.csdn.net/upload/201608/20/1471668865_688043.png) dialog页面中调用js修改linkbutton按钮text值的时候,按钮的大小为什么会发生变化??? ![点击之后](https://img-ask.csdn.net/upload/201608/20/1471669031_769774.png) ``` function expandCollapseAll(){ var type = $('#expandCollapseAll')[0].value; if (type == 1){ $('#resourceTree').tree('expandAll');//展开所有 $('#expandCollapseAll')[0].value = 0; $('#expandCollapse')[0].text = 'close'; }else if (type == 0){ $('#resourceTree').tree('collapseAll');//折叠所有 $('#expandCollapseAll')[0].value = 1; $('#expandCollapse')[0].text = 'open'; } } ```

easyui datagrid 不显示json数据

过程描述:页面 A输入参数,进入controller进行逻辑处理并生成json数据,然后通过 MVC返回json数据,并对页面A相关easyui datagrid表格进行数据展示。 问题:easyui datagrid不现实数据,且页面不报错,调试能看到json数据。 页面代码: <table id="tt"></table> ``` <button id="myb" class="easyui-linkbutton c6" type="button" onclick="test()" >测试</button> function test(){ jq('#tt').datagrid({ title:'DataGrid - DetailView', width:500, height:250, remoteSort:false, singleSelect:true, nowrap:false, fitColumns:true, type:"POST", url:'/store/saleout/getjson', columns:[[ {field:'product_name',title:'Item ID',width:80}, {field:'numbers',title:'Product ID',width:100,sortable:true}, {field:'price',title:'List Price',width:80,align:'right',sortable:true}, {field:'buyer',title:'Unit Cost',width:80,align:'right',sortable:true} ]] }); alert("333"); } ``` 调试显示数据:{"rows":[{"product_name":"土豆","numbers":2,"price":40,"buyer":"A","style":"A","type":"WU","saleoutdate":"2015-3-31"}],"total":1} 请教一下:什么原因导致 easyui datagrid数据不显示?不报错,不知道到底从哪里入手,困扰了不短时间,多谢!! 页面完整代码如下,调试数据截图在附件中。 ![![图片说明](https://img-ask.csdn.net/upload/201505/31/1433004879_544586.png)图片说明](https://img-ask.csdn.net/upload/201505/31/1433004871_778225.png) ``` <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html lang="en"> <jsp:include page="../fragments/staticFiles.jsp" /> <jsp:include page="../fragments/BootStrapFiles.jsp"/> <head> <meta charset="utf-8"> <title>saleout</title> <script type="text/javascript"> var jq = $.noConflict(); function test(){ jq('#tt').datagrid({ title:'DataGrid - DetailView', width:500, height:250, remoteSort:false, singleSelect:true, nowrap:false, fitColumns:true, type:"POST", url:'/store/saleout/getjson', columns:[[ {field:'product_name',title:'Item ID',width:80}, {field:'numbers',title:'Product ID',width:100,sortable:true}, {field:'price',title:'List Price',width:80,align:'right',sortable:true}, {field:'buyer',title:'Unit Cost',width:80,align:'right',sortable:true} ]] }); alert("333"); } jq(document).ready(function(){ jq("#ajax_pos").click( function (){alert("test"); jq.ajax({url:"<spring:url value="/saleout/precheck.html"/>", data:jq("#search_form").serialize(), contentType: "application/x-www-form-urlencoded; charset=UTF-8", type:"POST", success: function(data){ // jq("#tt").datagrid("load"); if( window.confirm(" 添加记录成功,是否继续添加?")){ // location.reload(); // alert(data.toString()); }else{ location.href="<spring:url value="/menu" htmlEscape="true"/>"; } }, error:function(data){alert("数据失败!"+data);}, }); }); }); </script> <style> ul { margin: 0; width: 100%; } li { margin: left; float: left; width: 100%; } </style> </head> <body> <div id="headmenu"> <jsp:include page="../saleOut/saleoutMenu.jsp"/> </div> <p></p> <table id="tt"></table> <button id="myb" class="easyui-linkbutton c6" type="button" onclick="test()" >测试</button> <div id="ajax_form" align="center" > <form:form modelAttribute="saleout" id="search_form" method="post"> <fieldset> <div id="product_name" align="left"> <label class="control-label">产品名称: </label> <form:input path="product_name" size="30" maxlength="80" /> </div> </fieldset> </form:form> <div id="_buttons"> <button id="ajax_pos" class="easyui-linkbutton c6" type="button" style="width: 80px; height: 35px" >提交</button> </div> </div> </body> </html> ```

asp.net easyui datagrid 的roweditting如何删除一行数据

``` 前端代码和easyui roweditting源码一样 <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" onclick="removeit()">Remove</a> 加了javascript语句 function removeit() { if (editIndex == undefined) { return } $('#dg').datagrid('cancelEdit', editIndex) .datagrid('deleteRow', editIndex); editIndex = undefined; } 现在前端点击remove,可以删除一行,但是刷新后又会出现,数据库并不会变化。 后台已绑定数据库,要如何写才能真正删除选中的一行的数据呢? ``` 现在的情况: ![图片说明](https://img-ask.csdn.net/upload/201804/07/1523085528_767922.png) ![图片说明](https://img-ask.csdn.net/upload/201804/07/1523085536_221379.png) 界面: ![图片说明](https://img-ask.csdn.net/upload/201804/07/1523085443_190320.png)

easyui datagrid toolbar 怎样使用html的形式添加的按钮有分割线

官方给的demo中只有用js初始化参数的json中,用'-'就能生成一个分割线,但如果菜单比较复杂,需要直接用html元素创建,这时怎样添加分割线?部分代码如下: <div id="tb" style="height:auto"> <a href="#" onclick="create();return false;" class="easyui-linkbutton" iconCls="icon-add" plain="true" >创建</a> <a href="#" onclick="delete();return false;" class="easyui-linkbutton" iconCls="icon-delete" plain="true" >删除</a> <!-- 由于功能分组不同,需要在此增加分割线 --> <a href="#" onclick="delete();return false;" class="easyui-linkbutton" iconCls="icon-move" plain="true" >移动</a> </div>

后台获取不到easyUI datagrid load方法上传的参数值

``` 查询状态:<input id="cx" name="cx" class="easyui-combobox" width="50px"> <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()">查 询</a> <table id="dg" title="客流信息查询" class="easyui-datagrid" style="width:1000px;height:250px" url="queryPeopleStreamController.do?queryPeopleStream" toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true" singleSelect="true"> <thead> </thead> </table> ``` ``` //查询按钮 function doSearch(){ $('#dg').datagrid('load',{ cx: $('#cx').val() }); ``` 后台通过String itemid = request.getParameter("cx");得到的值为空字符串,要怎么才能获取input标签中选中的值呢 ? 谢谢大神!!!

easyui datagrid用 insertRow 添加一行数据 数据不显示

``` <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"> <div id="userlist" class="left"> 用户列表 </div> <div id="policylist" class="left"> 保单列表 </div> <div id="adduser" class="left"> 添加用户 </div> <div id="addpolicy" class="left"> 添加表单 </div> <div id="userManage" class="left"> 用户管理 </div> <div id="policyManage" class="left"> 表单管理 </div> </div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"> <div id="tt" class="easyui-tabs" style="width:100%;height:100%;"> </div> </div> </body> $('#userManage').on("click",function(){ if(flog3==0){ flog3+=1; $('#tt').tabs('add',{ title:'用户管理', content:'<div>用户名:<input id="text1" type="text"><input id="cha" onclick="chaxun()" type="button" value="查询"><span id="m3"></span><div></br><table id="dg3"></table></br><div><input id="btn" type="button" value="添加"></div>', closable:true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); $('#dg3').datagrid({width:'100%',height:'100px', columns:[[ {field:'id',title:'ID',width:100}, {field:'loginId',title:'用户名',width:100}, {field:'name',title:'姓名',width:100}, {field:'a',title:'操作',width:100,formatter:function(value,row,index){ return '<a href="#" onclick="editUser('+row.id+','+index+')">修改</a >/<a href="#" onclick="delUser('+row.id+','+index+')">删除</a>'; },align:'right'} ]] }); }else{ $('#dg3').datagrid("reload"); } }); function chaxun(){ var loginId = $("#text1").val(); //把loginId传到后台 $.ajax({ url:"${basePath}/dba/checkLoginId", type:"post", data:{"loginId":loginId}, dataTypt:"json", success:function(result){ if(result==0){ $("#m3").css({"color":"#00ff00"}).text("用户名不存在"); }else{ console.log(result); $('#dg3').datagrid("insertRow",{ index:0, row:{ id:result.id, loginId:result.loginId, name:result.name } }); } } }); } ``` 数据能获取,但添加的行里没有数据 ![图片说明](https://img-ask.csdn.net/upload/201805/13/1526223042_426471.jpg) 点“用户管理”的时候会生成一个选项卡,这个选项卡输入用户名再点查询按钮如果用户名存在可以添加一行数据在datagrid里,现在用户信息可以查到,但是现在数据无法写入到datagrid中

Easyui 怎么让DataGrid高度变大

![图片说明](https://img-ask.csdn.net/upload/201607/14/1468498532_56569.png) 让下面的工具栏,位于底部,中间没有数据的空着无所谓 ``` <fieldset> <legend>车辆信息管理</legend> <div id="tb"> <fieldset> <legend>查询条件</legend> <form id="fmSearch"> 车牌号码:<input type="text" id="vehicleNo" /> 车主号码:<input type="text" id="vehicleOwnerName" /> <a href="javascript:search();" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a> </form> </fieldset> </div> <table id="dgVehicles"></table> </fieldset> ```

jquery easyUI datagrid 的宽度能不能设置成百分比。

datagrid 里的width:816 能不能设置100%,如果加一个fix:true的属性,datagrid 的表格会变形。如果是设置成像素,当收缩时,会出现附件里的样子。 datagrid 表格里的表格只有设置设置的width大小。加入了fix:true后,收缩时也会出现附件里的情况,不知道是怎么回事。。。 <table id="authListTableId" ></table> [code="javascript"] <script type="text/javascript"> $('#authListTableId').datagrid({ title:'权限列表', iconCls:'icon-save', [color=red]width:816,[/color] height:470, nowrap: false, striped: true, url:'../jsontree/authdata', pageList:[10,15,20,30,40,50], remoteSort: false, idField:'authId', fix:false, frozenColumns:[[ ]], columns:[[ {field:'ck',checkbox:true} , {title:'权限ID',field:'authId',width:50,align:'center',sortable:true}, {title:'权限父ID',field:'authPid',width:50,align:'center',sortable:true}, {title:'权限名称',field:'authName',width:150,sortable:true}, {title:'权限别名',field:'aliasName',width:150 ,sortable:true}, {title:'权限URL',field:'authURL',width:150,sortable:true}, {title:'权限提示信息',field:'tips',width:150,sortable:true}, {title:'打开目标',field:'target',width:150,sortable:true}, {title:'ICON图标',field:'icon',sortable:true}, {title:'打开时ICON',field:'iconOpen',sortable:true}, {title:'关闭时ICON',field:'iconClose',sortable:true}, {title:'权限级别',field:'authLevel',width:50,align:'center',sortable:true}, {title:'权限排序',field:'sortNo',width:50,align:'center',sortable:true}, {title:'是否叶子',field:'isLeaf',align:'center',sortable:true} ]], pagination:true, rownumbers:false, toolbar:[{ id:'btnadd', text:'添加', iconCls:'icon-add', handler:function(){ $('#btnsave').linkbutton('enable'); //以下为添加的操作 // $('#addAuthopenWindowId').window("open"); window.open("../index/saveAuth2.jsp?nodeId=","","height=" + 400 + ",width=" + 600 + ",toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no"); //以上为添加的操作 } },'-',{ id:'btndelete', text:'删除', iconCls:'icon-cancel', handler:function(){ $('#btndelete').linkbutton('enable'); //--- var idsstr =""; var ids = new Array(); var rows = $('#authListTableId').datagrid('getSelections'); if(rows.length<1){ $.messager.alert('信息窗口','请选择要删除的数据!','info'); }else{ var cand = true; for(var i=0;i<rows.length;i++){ ids.push(rows[i].authId); idsstr += "ids="+rows[i].authId+"&"; if(rows[i].authId == 0){ cand= false; break; } } if(cand){ $.messager.confirm('删除窗口', '注意:删除时会连同其子菜单也一起删除,你确定要删除吗?', function(r){ if (r){ //--s-执行删除操作 idsstr = idsstr.substring(0,(idsstr.length-1)); $.ajax({ type: "POST", url: "../jsontree/deleteauth.action"+"?"+idsstr, data:null, dataType:"json", cache:false, success: function(msg){ if(msg.result){ var treeInfo = document.getElementById("treeInfoId").value; if(!(treeInfo == ""||treeInfo==null)){ var info = treeInfo.split(","); var tab = getSelTab(info[1]); parent.frames["leftFrame"].location.href ="../base/treesfrm!getTreeByNodeId.action?nodeId="+info[4]; if(tab){ closeTab(info[1]); var title = info[1]; title = title.substring(2); createTab(title,info[0],info[2],info[3],info[4]); } } $.messager.alert('信息窗口','删除成功!','info'); }else{ $.messager.alert('信息窗口','删除失败!','info'); } } }); //--e-执行删除操作 } }) }else{ $.messager.alert('信息窗口','你选择的数据中有ID为0的数据,此数据为系统数据,不能删除!','info'); } } //--- } },'-',{ id:'btnupdate', text:'修改', iconCls:'icon-edit2', handler:function(){ $('#btnupdate').linkbutton('enable'); //--- var rows = $('#authListTableId').datagrid('getSelections'); if(rows.length==1){ var authid = rows[0].authId; if(authid != 0){ window.open("../base/authupdate!toUpdatePage.action?nodeId="+authid,"","height=" + 400 + ",width=" + 600 + ",toolbar=no,menubar=no,scrollbars=no,resizable=no,status=no"); }else{ $.messager.alert('信息窗口','此节点数据不能修改!','info'); } }else if(rows.length < 1){ $.messager.alert('信息窗口','请选择要修改的数据!','info'); }else{ $.messager.alert('信息窗口','每次只能修改一条数据!','info'); } //--- } } //------------- ,'-',{ id:'btnquery', text:'查询', iconCls:'icon-search', handler:function(){ $('#btnquery').linkbutton('enable'); alert('查询') } } //------------- //------------- ,'-',{ id:'btntest', text:'测试', iconCls:'icon-ok', handler:function(){ $('#btntest').linkbutton('enable'); alert("测试"); } } //------------- ] }); </script> [/code]

easyui datagrid按钮控制左右移动的JS问题

![图片说明](https://img-ask.csdn.net/upload/201601/28/1453946311_282371.png) 实现点击-->按钮左边table的数据跳到右边,新手没有思路,求指点, 谢谢

easyui linkbutton datagrid 数据返回实现刷新问题

如图,我要实现的效果,![图片说明](https://img-ask.csdn.net/upload/201507/27/1437993703_528788.png),图上红字是查询结果的条数, 我想根据查询的结果动态变化。 查询的按钮是用 linkbutton 实现的。 ``` <td><a href="#" id="query_my_assign_project_task_search"><strong>过滤</strong></a></td> ``` ``` 实现点击事件。 $('#no_appoint_task_search').linkbutton(); $('#no_appoint_task_search').click(function() { $('#ta5').datagrid('load', { taskName: $('#no_appoint_task_name').val(), company_area: $('#no_appoint_company_area').combobox('getValue'), product_type: $('#no_appoint_product_type').combobox('getValue'), task_create_time:$('#no_appoint_task_create_time').datebox('getValue'), timeVal:$('#query_time_condition').val() }); }); ``` 初始化的时候, ta5 是这个页面, ``` indexDatagridInitialize(node,'#ta5','task/task.do?method=queryTaskByIsPass&isPass=5',toolbar); function indexDatagridInitialize(node,id,url,toolbar,isClaim){ var task_step_type_data = dict.getParamsByName('task_step_type', false); var columns= [{ field : 'task_id', title : '任务编号', width:100, sortable: true, align : 'center', formatter:function(value,rowData){ return "<span class='tree-icon tree-folder "+rowData.iconCls+"'></span>【"+value+"】"; } },{ field : 'title', title : '任务名称', width:400, align : 'left', formatter:function(value,rowData,rowIndex){ return "<a href='#' onclick=\"enterJob('"+rowData.project_id+"','"+rowData.task_id+"')\">"+rowData.title+"</a>"; } }, { field : 'current_task_step', title : '当前任务阶段', width:150, align : 'center', formatter: function(value) { var result = ''; $.each(task_step_type_data, function(index, item) { if(item.id == value) { result = item.title; return false; } }); return result; } },{ field : 'executor_name', title : '执行人', width:100, align : 'center' },{ field : 'current_task_step_start_time', title : '阶段起始时间', width:150, sortable: true, align : 'center', formatter: function(value){ if(value==null){ return '未填写'; }else{ return new Date(value).formatDate(app.dateStyle); } } }}] } var height; height=$('#tabs').tabs('select').height() - 265; $(id).datagrid({ width:2150, height:height, fitColumns: true, singleSelect : true, toolbar:toolbar, pagination : true, pageSize: pagesizeconfig.page.size, pageList: pagelistconfig.page.list, url : url, idField : 'task_id', columns : [columns], onDblClickRow:function(){ var row = $(id).datagrid('getSelected', editIndex); $.ajax( { type : 'POST', url : urlconfig.url.ctx + '/task/task.do?method=getTaskByTaskid&task_id='+row.task_id, dataType : 'json', success : function(data) { showJob(node, data,row.task_id); } }); },onLoadSuccess:function(data){ var pid = $(id).attr("id"); var nid = pid.substring(pid.length -1, pid.length); var tab = $('#t_tabs1').tabs('getTab',nid - 1); var title = tab.panel('options').title ; if(parseInt(data.total) > 0 && title.indexOf("span") <= 0){ $('#t_tabs1').tabs('update',{ tab: tab, options:{ title : title + '<span style=\'color:red\'>('+data.total+')</span>' } }); } } } }); } ``` 现在是刚开始初始化的时候onLoadSuccess,可以正确显示,但是点击按钮不会动态改变, 按钮的点击事件 返回的数据中 有total , 并且返回的数据正确,怎样把返回的 total ,动态加载显示出来? 求大神帮助。 ``` ``` ``` ``` ```

easyUI中的datagrid上方的toolbar按钮如何实现页面跳转

在easyUI中的表格datagrid上方用toolbar定义了一排按钮,其中有删除,增加,修改,还有一个是点击之后跳转到其他页面,用panel来写却跳转不了,该如何解决啊

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 操作栏格式化为按钮的数据显示错位问题

在使用easyui的过程中,通过使用onLoadSuccess将操作栏格式化成按钮之后,就会出现表格中数据错位的问题;将onLoadSuccess注释掉后,恢复正常。 不知道这里面是有什么问题,下面附上界面截图和datagrid的代码,希望大牛们帮忙看看~~感激不尽啊!! ![如图所示,红框部分错位了](https://img-ask.csdn.net/upload/201505/11/1431331438_242848.png) ![图片说明](https://img-ask.csdn.net/upload/201505/11/1431334337_81313.png) ```JavaScript $(function(){ $('#dg').datagrid({ title:"学员信息", url:'system/studentinfo/data_getalllist', toolbar:'#toolbar', rownumbers:true, pagination:true, collapsible:true, //singleSelect:true, striped:true, fitColumns:true, fit:true, nowrap:false, loadMsg:"正在加载数据,请稍等", frozenColumns:[[ {field:'student_ID',title:'编号',width:50,align:'center',checkbox:true}, {field:'student_NUM',title:'学号',width:80,align:'center',sortable:true}, {field:'student_NAME',title:'姓名',width:80,align:'center'} ]], columns:[[ {field:'student_SEX',title:'性别',width:50,align:'center',rowspan:2}, {field:'rank_NAME',title:'级别',width:80,align:'center',rowspan:2}, {field:'student_IS_PAYTUITION',title:'是否已交学费',width:80,align:'center',rowspan:2, formatter:function(value, record){ if (value == "N") { value = "未交费"; return '<span style="color:red;">' + value + '</span>'; } else { value = "已交费"; return value; } } }, {field:'tuition_info',title:'学费信息',align:'center',colspan:3}, {field:'student_STARTTIME',title:'注册时间',width:80,align:'center',rowspan:2}, {field:'student_IS_ONSTUDY',title:'是否在学',width:80,align:'center',rowspan:2, formatter:function(value, record){ if (value == "Y") { value = "是"; return value; } else { value = "否"; return '<span style="color:red;">' + value + '</span>'; } } }, {field:'showdetail',title:'详细',width:100,align:'center',rowspan:2, formatter:function(value, row, index){ var btn1 = '<a class="detailcls" href="javascript:void(0)" onclick="showdetail('+index+')" ></a>'; return btn1; } }, {field:'opr',title:'操作',width:100,align:'center',rowspan:2, formatter:function(value, row, index){ var btn2 = '<a class="editcls" href="javascript:void(0)" onclick="editStudent('+index+')" ></a>'; return btn2; } }], [{field:'tuition_TYPE',title:'学费类别',width:80,align:'center'}, {field:'student_TUITION_STARTTIME',title:'交费时间',width:80,align:'center'}, {field:'student_TUITION_ENDTIME',title:'到期时间',width:80,align:'center'} ]], onLoadSuccess:function(data){ $('.detailcls').linkbutton({text:'详细信息',plain:true,iconCls:'icon-edit'}); $('.editcls').linkbutton({text:'编辑',plain:true,iconCls:'icon-edit'}); } }) }); ```

Easyui datagrid IE下 行编辑器中控件会随滚动条浮动

![图片说明](https://img-ask.csdn.net/upload/201501/14/1421230926_354276.png)

easyui datagrid显示不出的问题,求各位大神帮帮小弟~

``` **jsp页面代码** <body> <div style="padding:8px;height:auto"> 参数项名称: <input class="easyui-validatebox" type="text" name="name" data-options="required:true"> 创建时间: <input class="easyui-datebox" name="createTime" style="width:80px"> <a href="#" class="easyui-linkbutton" iconCls="icon-search">查找</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a> </div> <table id="tt" class="easyui-datagrid"></table> <script type="text/javascript"> $('#tt').datagrid({ title: "用户列表", width:"100%", height:550, iconCls:"icon-save", rownumbers:false, pagination:true, url: 'queryList.action', pageSize:10, columns: [ [ {field: "user_code", title: "账号", width:"24%", align: "center"}, {field: "user_account", title: "密码", width:"24%", align: "center"}, {field: "name", title: "姓名", width: "24%", align: "center"}, {field: "names", title: "称呼", width: "24%", align: "center"}, {field:'opt',title:"操作",width:"8%",align:"center", formatter:function(value,rec){ var btn = "<a class='editcls' onclick='editRow('"+rec.projectname+"','"+rec.projectpackage+"')' href='javascript:void(0)>'编辑</a>"; return btn; } } ] ], toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function() { openDialog("add_dialog","add"); } }, '-', { text: '修改', iconCls: 'icon-edit', handler: function() { openDialog("add_dialog","edit"); } }, '-',{ text: '删除', iconCls: 'icon-remove', handler: function(){ delAppInfo(); } }] }); //设置分页控件 var p = $('#tt').datagrid('getPager'); p.pagination({ pageSize: 5,//每页显示的记录条数,默认为10 pageList: [5, 10, 15],//可以设置每页记录条数的列表 beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录' }); </script> </body> **后台代码** controller @RequestMapping(value = "queryList", method = { RequestMethod.POST, RequestMethod.GET }) public void getAllParam(HttpServletRequest request, HttpServletResponse response, @RequestParam(required = false, defaultValue = "1") Integer page, //第几页 @RequestParam(required = false, defaultValue = "10") Integer rows, //页数大小 @RequestParam(required = false, defaultValue = "") String paramName, @RequestParam(required = false, defaultValue = "") String createTime ) throws IOException { Map<String,Object> map=new HashMap<String,Object>(); map.put("pageSize", rows); map.put("pageIndex",(page-1)*rows); try { List<Uase> list= uaseService.queryList(map); int totl=uaseService.count(); //设置页面数据 Map<String,Object> jsonMap = new HashMap<String,Object>(); jsonMap.put("total",totl); jsonMap.put("rows", list); String jsonStr = JSONObject.toJSONString(jsonMap); System.out.println(jsonStr); sendJsonData(response,jsonStr); } catch (Exception e) { e.printStackTrace(); } } private void sendJsonData(HttpServletResponse response, String data) throws IOException { // HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=UTF-8"); System.out.println(data); PrintWriter out; out = response.getWriter(); out.println(data); out.flush(); out.close(); } __** 前端就是没有数据显示**__ 这是转换后字符串型的josn数据 {"rows":[{"already_invoiceMoney":0},{"already_invoiceMoney":0},{"already_invoiceMoney":0}],"total":64} ```

EasyUI中DataGird 最后一行添加总计

``` ${config_iframe} <script type="text/javascript"> $(function(){$('#${config_id}List').datagrid( { idField: 'id', title: '${config_name}', url:'cgReportController.do?datagrid&configId=${config_id}${config_params}', fit:true, fitColumns:false, pageSize: 10, pagination:true, pageList:[10,30,50,100], singleSelect:true, checkbox:false, sortOrder:'asc', rownumbers:true, showFooter:true, frozenColumns:[[]], columns:[ [ <#if (config_fieldList?size>0)> <#list config_fieldList as x> <#if x_has_next> {field:'${x['field_name']}', title:'${x['field_txt']}', <#if x['field_href']?? && x['field_href']!=""> formatter:function(value,rec,index){ var href=''; href+=applyHref(value,'${x['field_href']}',value,rec,index); return href; }, </#if> <#if x['is_show'] == "N" >hidden:true,</#if> width:80}, <#else> {field:'${x['field_name']}',title:'${x['field_txt']}',width:80} </#if> </#list> </#if> ] ], onLoadSuccess:function(data){$("#${config_id}List").datagrid("clearSelections");}, onClickRow:function(rowIndex,rowData) {rowid=rowData.id;gridname='${config_id}List';} }); $('#${config_id}List').datagrid('getPager').pagination({beforePageText:'',afterPageText:'/{pages}',displayMsg:'{from}-{to}共{total}条',showPageList:true,showRefresh:true}); $('#${config_id}List').datagrid('getPager').pagination({onBeforeRefresh:function(pageNumber, pageSize){ $(this).pagination('loading');$(this).pagination('loaded'); }});}); function reloadTable(){ try{ $('#'+gridname).datagrid('reload'); $('#'+gridname).treegrid('reload'); }catch(ex){ //donothing } } function reload${config_id}List(){$('#${config_id}List').datagrid('reload');} function get${config_id}ListSelected(field){return getSelected(field);} function getSelected(field){var row = $('#'+gridname).datagrid('getSelected');if(row!=null){value= row[field];}else{value='';}return value;} function get${config_id}ListSelections(field){var ids = [];var rows = $('#${config_id}List').datagrid('getSelections');for(var i=0;i<rows.length;i++){ids.push(rows[i][field]);}ids.join(',');return ids}; function ${config_id}Listsearch(){var queryParams=$('#${config_id}List').datagrid('options').queryParams;$('#${config_id}Listtb').find('*').each(function(){queryParams[$(this).attr('name')]=$(this).val();});$('#${config_id}List').datagrid({url:'cgReportController.do?datagrid&configId=${config_id}',pageNumber:1});} function dosearch(params){var jsonparams=$.parseJSON(params);$('#${config_id}List').datagrid({url:'cgReportController.do?datagrid&configId=${config_id},',queryParams:jsonparams});} function ${config_id}Listsearchbox(value,name){var queryParams=$('#${config_id}List').datagrid('options').queryParams;queryParams[name]=value;queryParams.searchfield=name;$('#${config_id}List').datagrid('reload');}$('#${config_id}Listsearchbox').searchbox({searcher:function(value,name){${config_id}Listsearchbox(value,name);},menu:'#${config_id}Listmm',prompt:'请输入查询关键字'}); function searchReset_${config_id}(name){ $("#"+name+"tb").find(":input").val("");${config_id}Listsearch();} //导出 function exportXls() { $.ajax({ type: 'POST', dataType: "text", url: 'cgReportController.do?getSize', async: false, success: function (data) { var num = data.replace(/\"/g, ""); if (null != num && num != '') { if (parseInt(num) > 60000) { $.dialog.confirm("数据大于6万条,可能下载不完全,是否继续下载?", function (r) { if (!r) {return;} downXls(); }); } else { downXls(); } } } }); } function downXls() { var submitUrl = "cgExportExcelController.do?exportXls&configId=${config_id}"; var queryParams = ""; $('#${config_id}Listtb').find('*').each(function () { queryParams += "&" + $(this).attr('name') + "=" + $(this).val(); } ); submitUrl += queryParams; submitUrl = encodeURI(submitUrl); window.location.href = submitUrl; } //将字段href中的变量替换掉 function applyHref(tabname,href,value,rec,index){ //addOneTab(tabname,href); //alert("href: "+href); var hrefnew = href; var re = ""; var p1 = /\#\{(\w+)\}/g; try{ var vars =hrefnew.match(p1); for(var i=0;i<vars.length;i++){ var keyt = vars[i]; var p2 = /\#\{(\w+)\}/g; var key = p2.exec(keyt); hrefnew = hrefnew.replace(keyt,rec[key[1]]); } }catch(ex){ } re += "<a href = '#' onclick=\"addOneTab('"+tabname+"','"+ hrefnew + value +"')\" ><u>"+value+"</u></a>"; //alert("newHref: "+re); return re; } </script> <table width="100%" id="${config_id}List" toolbar="#${config_id}Listtb"></table> <div id="${config_id}Listtb" style="padding:3px; height: auto"> <div name="searchColums"> <#list config_queryList as x> <span style="display:-moz-inline-box;display:inline-block;"> <span style="display:-moz-inline-box;display:inline-block;width: 100px;text-align:right;text-align:right;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;white-space:nowrap;" title="${x['field_txt']}">${x['field_txt']}:</span> <#if x['search_mode']=="group"> <input type="text" name="${x['field_name']}_begin" style="width: 94px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> /> <span style="display:-moz-inline-box;display:inline-block;width: 8px;text-align:right;">~</span> <input type="text" name="${x['field_name']}_end" style="width: 94px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> /> </#if> <#if x['search_mode']=="single"> <#if (x['field_dictlist']?size >0)> <select name = "${x['field_name']}" WIDTH="100" style="width: 104px"> <option value = "">---请选择---</option> <#list x['field_dictlist'] as xd> <option value = "${xd['typecode']}">${xd['typename']}</option> </#list> </select> </#if> <#if (x['field_dictlist']?size <= 0)> <input type="text" name="${x['field_name']}" style="width: 100px" <#if x['field_type']=="Date">class="easyui-datebox"</#if> /> </#if> </#if> </span> </#list> </div> <div style="height:60px;" class="datagrid-toolbar"> <span style="float:left;" > <a href="#" class="easyui-linkbutton" plain="true" icon="icon-putout" onclick="exportXls();">导出excel</a> <form action="/jeecg/cgReportController.do?list2&id=${config_id}" method="post"> 起始时间:<input type="date" id="st" name="st" value="${st!}"/> 结束时间:<input type="date" id="et" name="et" value="${et!}"/> 选择院区:<select id="yq" name="yq"> <option value="">全部</option> <option value="01" <#if yq??> <#if yq=='01'>selected</#if></#if>>城中院区</option> <option value="02" <#if yq??> <#if yq=='02'>selected</#if></#if>>阳湖院区</option> </select> 科室名称:<input type="text" id="ks" name="ks" value="${ks!}" /> 医保类型:<select id="yb" name="yb"> <option value="" >全部</option> <option value="1" <#if yb??> <#if yb=='1'>selected</#if></#if> >常州职工</option> <option value="2" <#if yb??> <#if yb=='2'>selected</#if></#if> >常州离休</option> <option value="3" <#if yb??> <#if yb=='3'>selected</#if></#if> >常州居民</option> <option value="4" <#if yb??> <#if yb=='4'>selected</#if></#if> >常州地市级</option> <option value="5" <#if yb??> <#if yb=='5'>selected</#if></#if> >常州荣军</option> <option value="6" <#if yb??> <#if yb=='6'>selected</#if></#if> >常州生育</option> <option value="7" <#if yb??> <#if yb=='7'>selected</#if></#if> >武进职工</option> <option value="8" <#if yb??> <#if yb=='8'>selected</#if></#if> >武进离休</option> <option value="9" <#if yb??> <#if yb=='9'>selected</#if></#if> >武进居民</option> <option value="10" <#if yb??> <#if yb=='10'>selected</#if></#if> >武进生育</option> <option value="11" <#if yb??> <#if yb=='11'>selected</#if></#if> >金坛职工</option> <option value="12" <#if yb??> <#if yb=='12'>selected</#if></#if> >溧阳职工</option> </select> <input type="submit"/> </form> </span> <#if (config_queryList?size >0)> <span style="float:right"> <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="${config_id}Listsearch()">查询</a> <a href="#" class="easyui-linkbutton" iconCls="icon-reload" onclick="searchReset_${config_id}('${config_id}List')">重置</a> </span> </#if> </div> </div> ```

Datagrid Easyui不起作用

<div class="post-text" itemprop="text"> <p>Help. Datagrid EasyUI Not Work Error : </p> <pre><code>jquery.easyui.min.js:11286 Uncaught TypeError: Cannot read property 'length' of undefined at Object.renderTable (jquery.easyui.min.js:11286) at Object.render (jquery.easyui.min.js:11263) at _6e1 (jquery.easyui.min.js:10149) at HTMLTableElement.&lt;anonymous&gt; (jquery.easyui.min.js:11055) at Function.each (jquery.min.js:2) at m.fn.init.each (jquery.min.js:2) at Object.loadData (jquery.easyui.min.js:11054) at m.fn.init.$.fn.datagrid (jquery.easyui.min.js:10816) at jquery.easyui.min.js:10770 at Object.success (jquery.easyui.min.js:11526) </code></pre> <p>Code in : <a href="https://pastebin.com/Y2L8UyeV" rel="nofollow noreferrer">https://pastebin.com/Y2L8UyeV</a></p> <p>Controller Pencatatan.php</p> <pre><code>class Pencatatan extends CI_Controller { public function __construct() { parent::__construct(); $this-&gt;load-&gt;helper('url'); $this-&gt;load-&gt;model('M_Pencatatan'); } function index(){ $data['title'] = 'Pencatatan Transaksi'; $data['content'] = 'V_Pencatatan'; $this-&gt;load-&gt;view('Template/full',$data); } function data() { $data['datatables'] = $this-&gt;M_Pencatatan-&gt;show_keuangan_all(); echo json_encode($data); } } </code></pre> <p>Model M_Pencatatan.php</p> <pre><code>function show_keuangan_all(){ $page = isset($_POST['page']) ? intval($_POST['page']) : 1; $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; $sort = isset($_POST['sort']) ? strval($_POST['sort']) : 'id_keuangan'; $order = isset($_POST['order']) ? strval($_POST['order']) : 'asc'; $offset = ($page-1) * $rows; $result = array(); $result['total'] = $this-&gt;db-&gt;get('keuangan')-&gt;num_rows(); $row = array(); $this-&gt;db-&gt;limit($rows,$offset); $this-&gt;db-&gt;order_by($sort,$order); $criteria = $this-&gt;db-&gt;get('keuangan'); foreach($criteria-&gt;result_array() as $data) { $row[] = array( 'id'=&gt;$data['id_user'], 'keterangan'=&gt;$data['keterangan'], 'value'=&gt;$data['value'], 'tanggal'=&gt;$data['tanggal_transaksi'] ); } $result=array_merge($result,array('rows'=&gt;$row)); return $result; } } </code></pre> <p>Full View</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Pencatatan&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url(); ?&gt;asset/themes/default/easyui.css"&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url(); ?&gt;asset/themes/icon.css"&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo base_url(); ?&gt;asset/demo/demo.css"&gt; &lt;script type="text/javascript" src="&lt;?php echo base_url(); ?&gt;asset/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php echo base_url(); ?&gt;asset/jquery.easyui.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; window.setTimeout("waktu()",1000); function waktu() { var tanggal = new Date(); setTimeout("waktu()",1000); document.getElementById("jam").innerHTML = tanggal.getHours(); document.getElementById("menit").innerHTML = tanggal.getMinutes(); document.getElementById("detik").innerHTML = tanggal.getSeconds(); } &lt;/script&gt; &lt;/head&gt; &lt;body class="easyui-layout"&gt; &lt;div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding-left:5px;padding-right:5px"&gt; &lt;table width="100%"&gt; &lt;tr&gt; &lt;td style="width:50%;"&gt;&lt;font size="5px;" color="#00004d"&gt;&lt;b&gt;Pencatatan Keuangan&lt;/b&gt;&lt;/font&gt;&lt;/td&gt; &lt;td style="width:50%;" align="right"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;font size="2px;" color="#7c7c50"&gt;Selamat Datang, &lt;/font&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;font size="3px;" color="#00004d"&gt;&lt;b&gt;&lt;?php echo date('d F Y'); ?&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;Font id="jam" style=""&gt;&lt;/Font&gt;: &lt;Font id="menit"&gt;&lt;/Font&gt;: &lt;Font id="detik"&gt;&lt;/Font&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;div data-options="region:'west',split:true,title:'Main Menu'" style="width:150px;" class="easyui-accordion"&gt; &lt;div title="Transaction" data-options="iconCls:'icon-search'"&gt; &lt;ul class="easyui-tree"&gt; &lt;li&gt; &lt;span&gt;Transaction&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;a style="color:black;text-decoration:none;" href="&lt;?php base_url();?&gt;Pencatatan" data-options="plain:true" onclick="addPencatatan()"&gt;Pencatatan&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;"&gt;east region&lt;/div&gt; &lt;div data-options="region:'south',border:false,split:false" style="height:25px;background:#A9FACD;padding:0px;"&gt;&lt;font size="2px;" color="#00004d"&gt;&lt;b&gt;&lt;center&gt;&amp;#169; Tuyullie&lt;/center&gt;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt; &lt;!-- Sub Main --&gt; &lt;div data-options="region:'center',title:'Web Dashboard'"&gt; &lt;div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'" style="width:100%;height:100%"&gt; &lt;?php if(isset($content)) {$this-&gt;load-&gt;view($content);} ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; function addPencatatan(){ $('#tt').tabs('add',{ title: 'Pencatatan', closable: true }); } &lt;/script&gt; &lt;!-- End Sub Main --&gt; &lt;/body&gt; &lt;/html&gt; V_Pencatatan.php View &lt;table id="dg"&gt;&lt;/table&gt; &lt;!-- Toolbar --&gt; &lt;div id="toolbar"&gt; &lt;a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="create()"&gt;&lt;/a&gt; &lt;a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="update()"&gt;&lt;/a&gt; &lt;a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="remove()"&gt;&lt;/a&gt; &lt;/div&gt; &lt;script&gt; $(document).ready(function(){ $('#dg').datagrid({ border: false, title: "Pencatatan", fit: true, class: "easyui-datagrid", pagination: true, pageSize: 50, striped: true, sortName: "id_user", sortOrder: "desc", pageList: [50, 100, 150, 200, 250], rownumbers: true, fitColumns: true, singleSelect: true, url:'Pencatatan/data', columns:[[ {field:'id',tittle:'ID',width:100}, {field:'keterangan',tittle:'Keterangan',width:100}, {field:'value',tittle:'Value',width:100}, {field:'tanggal',tittle:'Tanggal',width:100} ]] }) }) &lt;/script&gt; </code></pre> </div>

关于easyUI如何在一个按钮的点击事件里面设置页面刷新的问题,

easyUI如何在一个按钮的点击事件里面设置刷新当前页面呢,就是按钮点击后 先要向后台传值,然后还要实现刷新当前页面的功能

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

课程演示环境:Windows10; cuda 10.2; cudnn7.6.5; Python3.7; VisualStudio2019; OpenCV3.4 需要学习ubuntu系统上YOLOv4的同学请前往:《YOLOv4目标检测实战:训练自己的数据集》 课程链接:https://edu.csdn.net/course/detail/28745 YOLOv4来了!速度和精度双提升! 与 YOLOv3 相比,新版本的 AP (精度)和 FPS (每秒帧率)分别提高了 10% 和 12%。 YOLO系列是基于深度学习的端到端实时目标检测方法。本课程将手把手地教大家使用labelImg标注和使用YOLOv4训练自己的数据集。课程实战分为两个项目:单目标检测(足球目标检测)和多目标检测(足球和梅西同时检测)。 本课程的YOLOv4使用AlexyAB/darknet,在Windows系统上做项目演示。包括:安装软件环境、安装YOLOv4、标注自己的数据集、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算)和先验框聚类分析。还将介绍改善YOLOv4目标检测性能的技巧。 除本课程《Windows版YOLOv4目标检测实战:训练自己的数据集》外,本人将推出有关YOLOv4目标检测的系列课程。请持续关注该系列的其它视频课程,包括: 《Windows版YOLOv4目标检测实战:人脸口罩佩戴检测》 《Windows版YOLOv4目标检测实战:中国交通标志识别》 《Windows版YOLOv4目标检测:原理与源码解析》

2019数学建模历年题目及优秀论文

2019数学建模历年题目及优秀论文 ,好资源与大家分享!!

华为海思数字IC提前批笔试题目,2020届华为海思校园招聘,西南地区

华为海思数字IC提前批笔试题目,2020届华为海思校园招聘,西南地区。单选和多选题华为海思数字IC提前批笔试题目,2020届华为海思校园招聘,西南地区。单选和多选题

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

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

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

Python数据分析与挖掘

92讲视频课+16大项目实战+源码+¥800元课程礼包+讲师社群1V1答疑+社群闭门分享会=99元 &nbsp; 为什么学习数据分析? &nbsp; &nbsp; &nbsp; 人工智能、大数据时代有什么技能是可以运用在各种行业的?数据分析就是。 &nbsp; &nbsp; &nbsp; 从海量数据中获得别人看不见的信息,创业者可以通过数据分析来优化产品,营销人员可以通过数据分析改进营销策略,产品经理可以通过数据分析洞察用户习惯,金融从业者可以通过数据分析规避投资风险,程序员可以通过数据分析进一步挖掘出数据价值,它和编程一样,本质上也是一个工具,通过数据来对现实事物进行分析和识别的能力。不管你从事什么行业,掌握了数据分析能力,往往在其岗位上更有竞争力。 &nbsp;&nbsp; 本课程共包含五大模块: 一、先导篇: 通过分析数据分析师的一天,让学员了解全面了解成为一个数据分析师的所有必修功法,对数据分析师不在迷惑。 &nbsp; 二、基础篇: 围绕Python基础语法介绍、数据预处理、数据可视化以及数据分析与挖掘......这些核心技能模块展开,帮助你快速而全面的掌握和了解成为一个数据分析师的所有必修功法。 &nbsp; 三、数据采集篇: 通过网络爬虫实战解决数据分析的必经之路:数据从何来的问题,讲解常见的爬虫套路并利用三大实战帮助学员扎实数据采集能力,避免没有数据可分析的尴尬。 &nbsp; 四、分析工具篇: 讲解数据分析避不开的科学计算库Numpy、数据分析工具Pandas及常见可视化工具Matplotlib。 &nbsp; 五、算法篇: 算法是数据分析的精华,课程精选10大算法,包括分类、聚类、预测3大类型,每个算法都从原理和案例两个角度学习,让你不仅能用起来,了解原理,还能知道为什么这么做。

【大总结2】大学两年,写了这篇几十万字的干货总结

本文十天后设置为粉丝可见,喜欢的提前关注 不要白嫖请点赞 不要白嫖请点赞 不要白嫖请点赞 文中提到的书我都有电子版,可以评论邮箱发给你。 文中提到的书我都有电子版,可以评论邮箱发给你。 文中提到的书我都有电子版,可以评论邮箱发给你。 本篇文章应该算是Java后端开发技术栈的,但是大部分是基础知识,所以我觉得对任何方向都是有用的。 1、数据结构 数据结构是计算机存储、...

阿里巴巴高级面试题(首发、高频136道、含答案)

整理的136道阿里的Java面试题,都来挑战一下,看看自己有多厉害。下面题目都带超详细的解答,详情见底部。 java基础 Arrays.sort实现原理和Collection实现原理 foreach和while的区别(编译之后) 线程池的种类,区别和使用场景 分析线程池的实现原理和线程的调度过程 线程池如何调优 线程池的最大线程数目根据什么确定 动态代理的几种方式 HashMap的并发问题 了解LinkedHashMap的应用吗 反射的原理,反射创建类实例的三种方式是什么? clon

Java进阶高手课-核心篇

<p> <br> </p> <p> Java进阶的必经之路!<span></span> </p> <p> <br> </p> <p> <b>【超实用课程内容】</b><b></b> </p> <p> 本课程囊括了<span>Java</span>语言进阶的核心知识点,以真实场景项目实战为导向,循序渐进,深入浅出的了解Java并发编程、JVM虚拟机、网络编程和MySQL应用,讲解<span>Java</span>这门使用广泛的编程语言,助你能够游刃有余地游走在这些技术之中。<span> </span> </p> <p> <br> </p> <p> 套餐中一共包含<span>4</span>门<span>Java</span>进阶必学的核心知识(共<span>57</span>讲) </p> <p> 课程<span>1</span>:《<span>Java</span>进阶高手课<span>-</span>并发编程透彻理解》 </p> <p> 课程<span>2</span>:《<span>Java</span>进阶高手课<span>-</span>深入<span>JVM</span>虚拟机》 </p> <p> 课程<span>3</span>:《<span>Java</span>进阶高手课<span>-</span>深入浅出<span>Java</span>网络编程》 </p> <p> 课程<span>4</span>:《<span>Java</span>进阶高手课<span>-</span>必知必会<span>MySQL</span>》 </p> <p> <br> </p> <p> <strong>【</strong><strong>哪些人适合学习这门课程?</strong><strong>】</strong><strong></strong> </p> <p> 1)大学生,平时只接触了语言基础,并未学习深入语言内核; </p> <p> 2)对<span>Java</span>掌握程度薄弱的人,课程可以让你更好的理解<span>Java</span>语言原理及应用 </p> <p> 3)想修炼更好的<span>Java</span>内功,工作中遇到<span>Bug</span>可以游刃有余 </p> <p> 4)被面试官打破沙锅问到底的问题问到怀疑人生的应聘者 </p> <p> <br> </p> <p> <strong>【</strong><strong>你能收获到什么?</strong><strong>】</strong> </p> <p> 1.基础再提高,针对<span>Java</span>核心知识点学透,用对<span> </span> </p> <p> 2.能力再提高,日常工作中的代码换新貌,不怕问题<span> </span> </p> <p> 3.面试再加分,巴不得面试官打破沙锅问到底,竞争力<span>MAX</span> </p> <p> <br> <strong>【课程如何观看?】</strong> </p> <p> 1、登录<span>CSDN</span>学院<span> APP </span>在我的课程中进行学习; </p> <p> 2、移动端:<span>CSDN </span>学院<span>APP</span>(注意不是<span>CSDN APP</span>哦) </p> <p> 本课程为录播课,课程<span>2</span>年有效观看时长 </p> <p> <br> </p> <p class="ql-long-24357476"> <strong>【</strong><strong>资料开放</strong><strong>】</strong><strong></strong> </p> <p class="ql-long-24357476"> 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化 </p> <p class="ql-long-24357476"> 下载方式:电脑登录课程观看页面,点击右下方课程资料、代码、课件等打包下载 </p> <p class="ql-long-24357476"> <img src="https://img-bss.csdn.net/202004200153008539.png" alt=""> </p> <p> <br> </p>

LINGO20200701.zip

2020第三届河北省研究生建模竞赛B题,利用lingo进行求解的代码。lingo在处理这类涉及下标的约束条件是个难点,希望我的代码能够提供一些帮助

oracle学习第三天

怎么建表? 根据需求建ER图 根据ER图和三范式建表 SQL structured query language 结构化查询语言 数据库执行语句 数据定义语言 (Data Definition Language, DDL) 是SQL语言集中负责数据结构定义与数据库对象定义的语言,由CREATE、ALTER与DROP三个语法所组成 数据控制语言(DCL:Data Control Language)是用来设置或者更改数据库用户或角色权限的语句,这些语句包括GRANT、REVOKE等语句 插入语句

2020联发科笔试题(IC方向)b.docx

文档位联发科公司的数字IC岗位笔试题,自己回忆版本,跟前一个A卷一起是完整版

使用TensorFlow+keras快速构建图像分类模型

课程分为两条主线: 1&nbsp;从Tensorflow的基础知识开始,全面介绍Tensorflow和Keras相关内容。通过大量实战,掌握Tensorflow和Keras经常用到的各种建模方式,参数优化方法,自定义参数和模型的手段,以及对训练结果评估与分析的技巧。 2&nbsp;从机器学习基础算法开始,然后进入到图像分类领域,使用MNIST手写数据集和CIFAR10图像数据集,从简单神经网络到深度神经网络,再到卷积神经网络,最终完成复杂模型:残差网络的搭建。完成这条主线,学员将可以自如地使用机器学习的手段来达到图像分类的目的。

点进来看看,为什么要学习【数据结构与算法】? 该如何学习?

【数据结构与算法】应该是大学计算机专业必修的一门课,为什么这门课会被列入到必修课的行列当中呢?因为对于每一个程序员来说,在以后的工作中不免要面对一些复杂的业务逻辑,同时要写对应的代码来实现这个复杂的业务。当然了,有很多种方式都可以实现同一个业务逻辑,但每种方式的代码运行效率可能不一样,我们接下来通过一个简单的例子感受一下。 例子: 假如你们班级里有一万个人,并且每个人的姓名和身份信息都存储在一个

《三天给你聊清楚redis》第2天看看redis怎么被搞出来的(22036字)

后端需要知道的关于redis的事,基本都在这里了。 此文后续会改为粉丝可见,所以喜欢的请提前关注。 你的点赞和评论是我创作的最大动力,谢谢。 3、单机实现 3.1、数据库概述 redis服务器将所有数据库都保存在redis/redisServer中,数组db存放所有数据库,每一项是一个redisdb结构。dbnum代表数据库数量。 客户端有一个指针指向当前数据库,可以切换,也就是移动指

中国全国省地县乡村五级地标kmz(很准)

中国全国省地县乡村五级地标kmz(很准),我也不知道写啥了,反正挺好用的

R语言入门基础

本课程旨在帮助学习者快速入门R语言: 课程系统详细地介绍了使用R语言进行数据处理的基本思路和方法。 课程能够帮助初学者快速入门数据处理。 课程通过大量的案例详细地介绍了如何使用R语言进行数据分析和处理 课程操作实际案例教学,通过编写代码演示R语言的基本使用方法和技巧

玩转Linux:常用命令实例指南

人工智能、物联网、大数据时代,Linux正有着一统天下的趋势,几乎每个程序员岗位,都要求掌握Linux。本课程零基础也能轻松入门。 本课程以简洁易懂的语言手把手教你系统掌握日常所需的Linux知识,每个知识点都会配合案例实战让你融汇贯通。课程通俗易懂,简洁流畅,适合0基础以及对Linux掌握不熟练的人学习; 【限时福利】 1)购课后按提示添加小助手,进答疑群,还可获得价值300元的编程大礼包! 2)本月购买此套餐加入老师答疑交流群,可参加老师的免费分享活动,学习最新技术项目经验。 --------------------------------------------------------------- 29元=掌握Linux必修知识+社群答疑+讲师社群分享会+700元编程礼包。 &nbsp;

利用 Python 爬取了 13966 条运维招聘信息,我得出了哪些结论?

作者:JackTian、黄伟呢 公众号:杰哥的IT之旅,后台回复:「运维」可获取本文完整数据 大家好,我是 JackTian。 我经常会收到读者关于一系列咨询运维方面的事情,比如:杰哥,运维到底是做什么的呀?运维的薪资水平/ 待遇怎么样呢?杰哥帮忙看下这个岗位的招聘需要对于小白来说,能否胜任的了呢?等等。 这里,我把之前写的《一篇文章带你解读从初级运维工程师到资深运维专家的学习路线》,本文从初级 / 中级 / 高级运维工程师以及到资深方向逐步展开给大家汇总了一些各阶段所具备的技能,仅供学习路线参考,如有.

2018年数学建模国赛A题matlab代码及注释.rar

2018年数学建模国赛A题matlab代码及注释,自己做题编写,实测有效,可以运行

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

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

3折秒杀! 系统掌握Python核心语法16点,轻松应对工作中80%以上的Python使用场景! 69元=72讲+源码+社群答疑+讲师社群分享会&nbsp; 【哪些人适合学习这门课程?】 1)大学生,平时只学习了Python理论,并未接触Python实战问题; 2)对Python实用技能掌握薄弱的人,自动化、爬虫、数据分析能让你快速提高工作效率; 3)想学习新技术,如:人工智能、机器学习、深度学习等,这门课程是你的必修课程; 4)想修炼更好的编程内功,优秀的工程师肯定不能只会一门语言,Python语言功能强大、使用高效、简单易学。 【超实用技能】 从零开始 自动生成工作周报 职场升级 豆瓣电影数据爬取 实用案例 奥运冠军数据分析 自动化办公:通过Python自动化分析Excel数据并自动操作Word文档,最终获得一份基于Excel表格的数据分析报告。 豆瓣电影爬虫:通过Python自动爬取豆瓣电影信息并将电影图片保存到本地。 奥运会数据分析实战 简介:通过Python分析120年间奥运会的数据,从不同角度入手分析,从而得出一些有趣的结论。 【超人气老师】 二两 中国人工智能协会高级会员 生成对抗神经网络研究者 《深入浅出生成对抗网络:原理剖析与TensorFlow实现》一书作者 阿里云大学云学院导师 前大型游戏公司后端工程师 【超丰富实用案例】 0)图片背景去除案例 1)自动生成工作周报案例 2)豆瓣电影数据爬取案例 3)奥运会数据分析案例 4)自动处理邮件案例 5)github信息爬取/更新提醒案例 6)B站百大UP信息爬取与分析案例 7)构建自己的论文网站案例

赵强老师:大数据从入门到精通(套餐)

本系列课程将基于RedHat Linux 7.4版本、Hadoop 2.7.3、Spark 2 版本全面介绍大数据的整体内容,让学员深入理解并掌握运行机制和原理,从而进一步掌握大数据的相关内容。

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉系统全面的介绍。

2020联发科笔试题(IC方向)a.docx

文档为自己回忆 准确度高;2019年2020届笔试题;文档分上下两个章节,

Python代码实现飞机大战

文章目录经典飞机大战一.游戏设定二.我方飞机三.敌方飞机四.发射子弹五.发放补给包六.主模块 经典飞机大战 源代码以及素材资料(图片,音频)可从下面的github中下载: 飞机大战源代码以及素材资料github项目地址链接 ————————————————————————————————————————————————————————— 不知道大家有没有打过飞机,喜不喜欢打飞机。当我第一次接触这个东西的时候,我的内心是被震撼到的。第一次接触打飞机的时候作者本人是身心愉悦的,因为周边的朋友都在打飞机, 每

玩转 Spring 全家桶

<p> 新课上新福利:本套餐共包含 4 大课程,原价 ¥199,今日立减¥100,到手仅需¥99! </p> <p> <br> </p> <p class="MsoNormal" align="left"> <b>为什么每一个程序员都需要掌握</b><b> Java Spring </b><b>全家桶?</b><b><br> </b><b></b> </p> <p class="MsoNormal" align="left"> 1. Spring在如今Java的应用市场以及就业市场中,都成为炙手可热的部分。面试出镜率之高,市场应用之广,让其成为Java开发人员的必备技能之一,唯有系统的掌握Spring全家桶的思想、设计、以及实现,才可以让开发过程变得更容易、更高效,以适应当前市场的快速发展。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>本套餐内容介绍:</b><b></b> </p> <p class="MsoNormal" align="left"> 本课程所有内容基于最新的Spring  Boot 2.2.5.RELEASE 版本,和Spring Cloud Hoxton.SR3 版本,其中大量的独家案例,以及本人多年的经验讲解。 </p> <p class="MsoNormal" align="left"> 课程循序渐进,内容中有Spring的核心基础内容,也有高级的进阶内容。 </p> <p class="MsoNormal" align="left"> 内容分为五大部分,分别是: </p> <p class="MsoNormal" align="left"> <b>初识篇</b><b>Spring Framework</b>:主要讲解Spring的核心内容IOC及AOP。本篇对Spring的基本概念进行大致的讲解,但主要的技术点皆以案例为主,同时会对项目中都会用到的日志进行讲解及案例说明。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>基础篇</b><b>Spring MVC</b><b>:</b>主要以案例的方式讲解Spring的前端部分,比如表单、验证、国际化、主题、文件上传等,以及高阶内容过滤器、拦截器、多种异常处理方法 ,以及日志Log4j2及SLF4J的使用。最后,会结合Spring、Spring MVC及MyBatis(即SSM)进行产品的增删改查的案例讲解。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>核心篇</b><b>Spring Boot</b><b>:</b>主要以案例的方式对如何使用Spring Boot开发进行讲解,包括热部署,扩展的启动行为,整合JSON、Thymeleaf、Freemarker、JSP的Web开发,全局异常处理,配置文件的使用,及Logback&SLF4J的日志使用,国际化,最后,会结合Spring Boot及MyBatis进行产品的增删改查的案例讲解。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>核心篇</b><b>Spring Cloud</b><b>:</b>以案例的方式,结合Spring Boot,对注册中心,消费者与生产者,服务的调用OpenFeign,Hystrix监控,服务网关Gateway,消息驱动微服务Stream,分布式集群,及分布式配置中心进行讲解,使得我们快速掌握微服务的开发方法。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>核心篇</b><b>Spring Data</b><b>:</b>主要以案例的方式讲解持久层的开发,分别对Spring Data JPA 及 Spring Data JDBC 进行讲解。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>学习收获:</b><b></b> </p> <p class="MsoNormal" align="left"> 1、使用 Spring MVC 快速开发; </p> <p class="MsoNormal" align="left"> 2、搞定 Spring Boot 核心的实现原理; </p> <p class="MsoNormal" align="left"> 3、通过 Spring Cloud 快速构建微服务架构; </p> <p class="MsoNormal" align="left"> 4、掌握 Spring 的使用和开发技巧。 </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <br> </p> <p class="MsoNormal" align="left"> <b>讲师介绍</b><b></b> </p> <p class="MsoNormal" align="left"> 杨春娟,05年毕业于清华大学,之后致力于 JavaEE 的设计开发,12年开始致力于 Hybris 的架构、设计及开发,及管理工作。精通C/ C++,Java, JavaEE,MySql,精通SAP Hybris等,善于将复杂的问题简单化并教授给学生,善于培养学生独立思考问题的能力。 </p> <p> <br> </p> <p> <img src="https://img-bss.csdn.net/202005180944265006.png" alt=""> </p> <p> <img src="https://img-bss.csdn.net/202005080326195251.png" alt=""> </p>

linux下利用/proc进行进程树的打印

在linux下利用c语言实现的进程树的打印,主要通过/proc下的目录中的进程文件,获取status中的进程信息内容,然后利用递归实现进程树的打印

相关热词 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园 c# 设置当前标注样式
立即提问