easyUI datagrid 怎么动态添加一行数据?

API里是这么写的

 // 在第二行的位置插入一个新行
$('#dg').datagrid('insertRow',{
    index: 1,   // 索引从0开始
    row: {
        name: '新名称',
        age: 30,
        note: '新消息'
    }
});

但如果数据是动态获取的怎么添加到一行里面,比如是通过ajax动态获取的数据

 success:function(result){
    $('#dg').datagrid('insertRow',{
    index: 1,   // 索引从0开始
    row: {
        name: result.name,
        age: result.age,
        note: result.note
    }
});
}

这样的话行是能出来,但是里面一片空白,数据无法显示,这个要怎么弄才能显示数据?

6个回答

没记错的话,result需要解析吧。var obj = eval('(' + result + ')');
alert( obj.name);

qq_23126581
渊渟无迹静涛君 回复yaqiukasi: 不客气,能对你有帮助就行
大约 2 年之前 回复
yaqiukasi
yaqiukasi 十分感谢你的回答,问题已解决
大约 2 年之前 回复

ajax指定dataType为json,你应该没有指定所以success中result为字符串而不是json对象

 dataType:'json',///////
success:function(result){
qq554251986
qq554251986 var obj = eval('(' + result + ')'); alert( obj.name);
大约 2 年之前 回复
showbo
支付宝加好友偷能量挖 dataType打错了 https://ask.csdn.net/questions/688947
大约 2 年之前 回复
//新增行数据  
function addRow(target){  
    var parentIndex = getRowIndex(target);  
    //保存父行数据,用于新增数据。  
    $j('#car_base_rule_table').datagrid('endEdit', parentIndex);  
    $j('#car_base_rule_table').datagrid('updateRow',{index: parentIndex,row:{}});  
    //获取父行数据,进行新增操作。  
    var newIndex = parentIndex+1;  
    $j('#car_base_rule_table').datagrid('selectRow',parentIndex);  
    var rowParent = $j('#car_base_rule_table').datagrid('getSelected');  
    var newRow = jQuery.extend(true, {}, rowParent);  
    $j('#car_base_rule_table').datagrid('insertRow',{  
        index:newIndex,  
      row:newRow  
    });  
}  

首先确定你的返回数据是json格式(dataType:'json') 然后就是确保你的返回数据的内容和你需要显示的内容要保持一致,只能多不能少。

两种方法:
1:调完insertRow之后调用 refreshRow方法
2:使用getData方法获取grid的数据data,然后将ajax请求的数据push到data中,最后在进行loadData

先添加进集合里,从集合作为数据源,这样页面内就可以保证显示了。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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用 insertRow 添加的一行数据怎么取出?

![图片说明](https://img-ask.csdn.net/upload/201805/14/1526287869_846582.jpg) datagrid的信息是这样的 ``` $('#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.loginId+')">修改</a >/<a href="#" onclick="delUser('+row.id+','+index+')">删除</a>'; },align:'right'} ]] }); ``` editUser函数是这样的 ``` function editUser(loginId){ alert(loginId); } ``` 那一行的数据是通过文本框查询出来的 ``` 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); var obj = eval('(' + result + ')'); $('#dg3').datagrid('insertRow',{ index: 0, // 索引从0开始 row: { id: obj.id, loginId: obj.loginId, name: obj.name } }); } } }); ``` 我的想法是点击“修改”标签可以调用editUser函数,把loginId显示出来,就是用户名那一列的内容显示出来,现在报的错是editUser(user),user找不到。user就是用户名是通过row.loginId找到的,已经接收到editUser函数里了,为什么会无法输出

easyui datagrid 获取选中行数据

我在easyui的datagrid中添加了一个chackbox 现在每行数据的前面都有一个复选框 而每行数据的后面有一个文本框 ``` <th fit="true" data-options="field:'yuanyin',formatter: rowformater">退回原因</th> ``` 我在js 中如何判断复选框是否选中 如果选中获得选中行的字段为ID的值 如果不选中获得不选中行字段为PID的值

easyui的datagrid怎么删除当前行数据(数据是从MySQL数据库动态获得的)

script里面的代码: $("#tt").datagrid({ url: 'showAllDept', method: 'get', fitColumns: true, singleSelect: true, rownumbers:true, columns: [ [{ field: 'DId', title: '', width: '50px', align: 'center', hidden:true }, { field: 'DName', title: '部门名称', width: '500px', align: 'center' }, { field: 'operate', title: '操作', align: 'center', width: '440px', formatter: function() { return "<a href='#'>修改</a>&nbsp;&nbsp;&nbsp;&nbsp;" + "<a href='#' onClick='deleteDept()'>删除</a>"; } } ] ], //显示分页组件,不能设置total pagination: true, pageSize: 5, pageNumber:1, pageList: [5, 10, 15] }); //返回datagrid的分页对象 var $page = $("#tt").datagrid("getPager"); $page.pagination({ showPageList: false }); }) ajax代码: function deleteDept(){ alert("1324"); $.ajax({ type:'post', url:'deleteDept?DId=' + $("#tt").datagrid('getSelected'), dataType:"json", success:function(data){ if(data.code == 0){ alert(data.msg); window.location.href="error.jsp"; }else{ window.location.href="deptManage.jsp"; } } }) }

easyui datagrid获取到的数据,数据移到另一个div

这是easyui datagrid获取数据,和显示代码,Adiv显示数据是个多选,我想实现,点击选择一次Adiv里面的选项,就会在Bdiv显示所选的文字,如果再点击,取消选择,就删除Bdiv里面的所显示的文字,![图片说明](https://img-ask.csdn.net/upload/201708/31/1504142356_997028.png) ``` <div class="easyui-layout" style="width:50%;float:right;height:80%;"> <div data-options="region:'center'" style="padding:5px;"> <div class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',split:true,collapsible:false" style="width:50%;height:50%;"> <table id="XiangMuJiZhiBiaoWeiHu_datagrid_zibiao" class="easyui-datagrid" style="width:100%;height:100%;padding:10px" data-options="toolbar:'#ZhiBiaoZuHeMingCheng_toolbar_zibiao',singleSelect:true,selectOnCheck: false, onSelect:dodoClick"> <thead> <tr> <th field="ck" checkbox="true"></th> <th data-options="field:'zhibiaomingcheng',halign:'center',align:'left',order:'asc'"style="width:95%" >指标名称</th> </tr> </thead> </table> </div> <div data-options="region:'east',title:'指标组合信息',collapsible:false" style="width:50%;height:50%;"> <table id="ZhiBiaoZuHeMingCheng_datagrid_zibiao" class="easyui-datagrid" style="width:100%;height:100%;padding:10px" data-options="toolbar:'#ZhiBiaoZuHeMingCheng_toolbar_zibiao',singleSelect:true,selectOnCheck: false"> <thead> <tr> <th data-options="field:'zhibiaoxuhao',halign:'center',align:'center',order:'asc'"style="width:95%">指标组合信息</th> </tr> </thead> </table> </div> </div> </div> ```

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

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

easyui datagrid新增一行数据如何设置text框的属性

var colnum_staff = [[ {field:'before_iscore',title:'选择',checkbox:true}, {field:'borrow_id',title:'明细编号',width:200,align:'center', editor:{ type:'text', name:'addBorrowInfo.id' } }, {field:'borrow_name',title:'借款事项',width:200,align:'center', editor:{ type:'text', name:'borrowdetail' } }, {field:'borrowtype_code',title:'借款类型',width:200,align:'center', editor:{ type:'combobox', //设置下拉框 name:'addBorrowInfo.borrow_type', formatter:positionFormatter, options:{ data:positions, valueField : 'enname', //存储字段码 textField : 'cnname', //显示字段值 required : true, editable : false, onSelect:function(record){ //选择后结束行编辑 //updatePositionExist(record); } } } }, {field:'borrow_amound',title:'借款金额',width:200,align:'center', editor:{ type:'text' } } ]]; 这是colnum代码,我的意思是在这个field里怎么设置输入框的name属性,和onblur事件,求大神们指点。 点击新增按钮新增一行,如何设置这一行中的输入框的name属性,和onblur事件。求大神指点。

easyui datagrid 上传文件

在easyui datagrid 第一列添加一个上传控件,第一行只限上传一个文件,但是上传的多个文件要在最后一起与多行数据一起保存的。

easyui datagrid如何自动跳到刚刚添加成功后的数据的行

如题,当数据分页后,往往新增一条数据,需要翻到最后一页才能看到新增的数据。 我想,当我点击保存按钮后,页面自动跳到我刚刚添加的那条数据的行,并选中它。 大神们,js代码该如何实现-----

easyui datagrid getChecked无法获取勾选的数据

easyui datagrid在编辑状态下,用鼠标勾选了数据行后,在调用acceptChanges接受数据更改,恢复到不可编辑状态时,此时调用getChecked无法获取到之前在编辑状态下勾选的数据,虽然此时数据行前面的复选框checkbox还是在勾选的状态。 easyui版本1.4.3

怎样在easyui中的datagrid的列中添加combobox并动态获取数据到combobox中?

<table id="data" class="easyui-datagrid" style="width:700px;height:250px" url="getAllServer.do" data-options="pageSize:5 ,pageList: [3,5,10]" toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true" singleSelect="true"> <thead> <tr> <th field="SERVICENO" width="20">编号</th> <th field="CLIENT" width="50">客户</th> <th field="OUTLINE" width="70">概要</th> <th field="SERVICETYPE" width="30">服务类型</th> <th field="CREATOR" width="30">创建人</th> <th field="CREATETIME" width="40">创建日期</th> <th field="set" width="80">分配给</th> <th field="operate" width="30">操作</th> </tr> </thead> </table> 是动态获取数据的,怎样给倒数第二列添加下拉框

easyui datagrid 编辑行后如何保存

<script type="text/javascript"> $(function () { var datagrid; //定义全局变量datagrid var editRow = undefined; //定义全局变量:当前编辑的行 datagrid = $("#dd").datagrid({ url: 'UserCenter.aspx', //请求的数据源 iconCls: 'icon-save', //图标 pagination: true, //显示分页 pageSize: 15, //页大小 pageList: [15, 30, 45, 60], //页大小下拉选项此项各value是pageSize的倍数 fit: true, //datagrid自适应宽度 fitColumn: false, //列自适应宽度 striped: true, //行背景交换 nowap: true, //列内容多时自动折至第二行 border: false, idField: 'ID', //主键 columns: [[//显示的列 {field: 'ID', title: '编号', width: 100, sortable: true, checkbox: true }, { field: 'UserName', title: '用户名', width: 100, sortable: true, editor: { type: 'validatebox', options: { required: true} } }, { field: 'RealName', title: '性别', width: 100, editor: { type: 'combobox', options: { data: [{ id: 0, text: '请选择' }, { id: 1, text: '男' }, { id: 2, text: '女' }], valueField: 'id', textField: 'text', } } }, { field: 'Email', title: '邮箱', width: 100, editor: { type: 'validatebox', options: { required: true} } } ]], queryParams: { action: 'query' }, //查询参数 toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function () {//添加列表的操作按钮添加,修改,删除等 //添加时先判断是否有开启编辑的行,如果有则把开户编辑的那行结束编辑 if (editRow != undefined) { datagrid.datagrid("endEdit", editRow); } //添加时如果没有正在编辑的行,则在datagrid的第一行插入一行 if (editRow == undefined) { datagrid.datagrid("insertRow", { index: 0, // index start with 0 row: { } }); //将新插入的那一行开户编辑状态 datagrid.datagrid("beginEdit", 0); //给当前编辑的行赋值 editRow = 0; } } }, '-', { text: '删除', iconCls: 'icon-remove', handler: function () { //删除时先获取选择行 var rows = datagrid.datagrid("getSelections"); //选择要删除的行 if (rows.length > 0) { $.messager.confirm("提示", "你确定要删除吗?", function (r) { if (r) { var ids = []; for (var i = 0; i < rows.length; i++) { ids.push(rows[i].ID); } //将选择到的行存入数组并用,分隔转换成字符串, //本例只是前台操作没有与数据库进行交互所以此处只是弹出要传入后台的id alert(ids.join(',')); } }); } else { $.messager.alert("提示", "请选择要删除的行", "error"); } } }, '-', { text: '修改', iconCls: 'icon-edit', handler: function () { //修改时要获取选择到的行 var rows = datagrid.datagrid("getSelections"); //如果只选择了一行则可以进行修改,否则不操作 if (rows.length == 1) { //修改之前先关闭已经开启的编辑行,当调用endEdit该方法时会触发onAfterEdit事件 if (editRow != undefined) { datagrid.datagrid("endEdit", editRow); } //当无编辑行时 if (editRow == undefined) { //获取到当前选择行的下标 var index = datagrid.datagrid("getRowIndex", rows[0]); //开启编辑 datagrid.datagrid("beginEdit", index); //把当前开启编辑的行赋值给全局变量editRow editRow = index; //当开启了当前选择行的编辑状态之后, //应该取消当前列表的所有选择行,要不然双击之后无法再选择其他行进行编辑 datagrid.datagrid("unselectAll"); } } } }, '-', { text: '保存', iconCls: 'icon-save', handler: function () { //保存时结束当前编辑的行,自动触发onAfterEdit事件如果要与后台交互可将数据通过Ajax提交后台 datagrid.datagrid("endEdit", editRow); } }, '-', { text: '取消编辑', iconCls: 'icon-redo', handler: function () { //取消当前编辑行把当前编辑行罢undefined回滚改变的数据,取消选择的行 editRow = undefined; datagrid.datagrid("rejectChanges"); datagrid.datagrid("unselectAll"); } }, '-'], onAfterEdit: function (rowIndex, rowData, changes) { //endEdit该方法触发此事件,保存代码是否这里写??? //还需要判断combobox是否选中性别,而不是默认值 console.info(rowData); editRow = undefined; }, onDblClickRow: function (rowIndex, rowData) { //双击开启编辑行 if (editRow != undefined) { datagrid.datagrid("endEdit", editRow); } if (editRow == undefined) { datagrid.datagrid("beginEdit", rowIndex); editRow = rowIndex; } } }); }); </script> 1、怎么提交保存? 2、怎么在保存提交的时候判断combobox选中的不是“请选择”

jquery easyui datagrid 某列的数据为0或空时,这个列不显示

jquery easyui datagrid 某列的数据为0或空时,怎么让这个列不显示。

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中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> ```

Easyui中获取DataGrid中的行数据,如何将这些数据传到另一个页面,谢谢大家帮忙解决一下

我需要从DataGrid获取这行数据,将这行数据传到另一个页面,在另一个页面作为参数代入写好的方法中

easyui datagrid列表加图片

![图片说明](https://img-ask.csdn.net/upload/201505/28/1432806908_838919.png) 怎么把”查看详情“字改成图片啊

求大神如何在easyui datagrid 中点击超连接出来一个表格

$("#teacherGrid").datagrid({ fit : true, url : '../findTeacherWithPage', fitColumns : true, toolbar : '#tb', striped : true, nowrap : false, pagination : true, rownumbers : true, singleSelect : false, columns : [ [ { field : 'id', checkbox : true, }, { field : 'teacherName', title : '教师名称', width : 100, align : 'center' }, { field : 'Sex', title : '性别', width : 100, align : 'center' }, { field : 'teacherNumber', title : '联系电话', width : 100, align : 'center' }, { field : 'teacherapartment', title : '地址', width : 100, align : 'center', formatter : function(value, rows, index) { if (value != null) { return value.TerAName; } else { return ''; } } }, { field : 'Look', title : '所教学生', width : 100, align : 'center', } ] ] }); }); 在所教学生那一列加个超连接,点击出现一个表格 上面显示的是学生信息。新手求大神

easyUi datagrid 的combobox 保存成功之后不显示text的值

easyUi datagrid 的combobox 保存成功之后显示的是value值,但我想要的是text值。 Combobox是用 var products = [ { productid: '0', name: '启用' }, { productid: '1', name: '禁用' }, ]; { field: 'States1', title: 'State(状态)', width: 200, editor: { type: 'combobox', options: { valueField: 'productid', textField: 'name', data: products, required: true } } }, 这样方式直接拼出来的。希望各位大虾帮帮忙

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

Java 最常见的 200+ 面试题:面试必备

这份面试清单是从我 2015 年做了 TeamLeader 之后开始收集的,一方面是给公司招聘用,另一方面是想用它来挖掘在 Java 技术栈中,还有那些知识点是我不知道的,我想找到这些技术盲点,然后修复它,以此来提高自己的技术水平。虽然我是从 2009 年就开始参加编程工作了,但我依旧觉得自己现在要学的东西很多,并且学习这些知识,让我很有成就感和满足感,那所以何乐而不为呢? 说回面试的事,这份面试...

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

远程工具,免费

远程工具,免费

java jdk 8 帮助文档 中文 文档 chm 谷歌翻译

JDK1.8 API 中文谷歌翻译版 java帮助文档 JDK API java 帮助文档 谷歌翻译 JDK1.8 API 中文 谷歌翻译版 java帮助文档 Java最新帮助文档 本帮助文档是使用谷

csma/ca和csma/cd的matlab仿真源代码带有详细的注释

csma/ca和csma/cd的matlab仿真源代码带有详细的注释,载波侦听,随意设置节点数,带有炫酷的图形展示效果。

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

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

软件测试入门、SQL、性能测试、测试管理工具

软件测试2小时入门,让您快速了解软件测试基本知识,有系统的了解; SQL一小时,让您快速理解和掌握SQL基本语法 jmeter性能测试 ,让您快速了解主流来源性能测试工具jmeter 测试管理工具-禅道,让您快速学会禅道的使用,学会测试项目、用例、缺陷的管理、

pokemmo的资源

pokemmo必须的4个rom 分别为绿宝石 火红 心金 黑白 还有汉化补丁 资源不错哦 记得下载

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

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

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

无线通信中的智能天线:IS-95和第3代CDMA应用_.pdf

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

Java8零基础入门视频教程

这门课程基于主流的java8平台,由浅入深的详细讲解了java SE的开发技术,可以使java方向的入门学员,快速扎实的掌握java开发技术!

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

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

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

想学好JAVA必须要报两万的培训班吗? Java大神勿入 如果你: 零基础想学JAVA却不知道从何入手 看了一堆书和视频却还是连JAVA的环境都搭建不起来 囊中羞涩面对两万起的JAVA培训班不忍直视 在职没有每天大块的时间专门学习JAVA 那么恭喜你找到组织了,在这里有: 1. 一群志同道合立志学好JAVA的同学一起学习讨论JAVA 2. 灵活机动的学习时间完成特定学习任务+每日编程实战练习 3. 热心助人的助教和讲师及时帮你解决问题,不按时完成作业小心助教老师的家访哦 上一张图看看前辈的感悟: &nbsp; &nbsp; 大家一定迫不及待想知道什么是极简JAVA学习营了吧,下面就来给大家说道说道: 什么是极简JAVA学习营? 1. 针对Java小白或者初级Java学习者; 2. 利用9天时间,每天1个小时时间; 3.通过 每日作业 / 组队PK / 助教答疑 / 实战编程 / 项目答辩 / 社群讨论 / 趣味知识抢答等方式让学员爱上学习编程 , 最终实现能独立开发一个基于控制台的‘库存管理系统’ 的学习模式 极简JAVA学习营是怎么学习的? &nbsp; 如何报名? 只要购买了极简JAVA一:JAVA入门就算报名成功! &nbsp;本期为第四期极简JAVA学习营,我们来看看往期学员的学习状态: 作业看这里~ &nbsp; 助教的作业报告是不是很专业 不交作业打屁屁 助教答疑是不是很用心 &nbsp; 有奖抢答大家玩的很嗨啊 &nbsp; &nbsp; 项目答辩终于开始啦 &nbsp; 优秀者的获奖感言 &nbsp; 这是答辩项目的效果 &nbsp; &nbsp; 这么细致的服务,这么好的氛围,这样的学习效果,需要多少钱呢? 不要1999,不要199,不要99,只要9.9 是的你没听错,只要9.9以上所有就都属于你了 如果你: 1、&nbsp;想学JAVA没有基础 2、&nbsp;想学JAVA没有整块的时间 3、&nbsp;想学JAVA没有足够的预算 还等什么?赶紧报名吧,抓紧抢位,本期只招300人,错过只有等时间待定的下一期了 &nbsp; 报名请加小助手微信:eduxy-1 &nbsp; &nbsp;

Python数据清洗实战入门

本次课程主要以真实的电商数据为基础,通过Python详细的介绍了数据分析中的数据清洗阶段各种技巧和方法。

董付国老师Python全栈学习优惠套餐

购买套餐的朋友可以关注微信公众号“Python小屋”,上传付款截图,然后领取董老师任意图书1本。

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

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

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

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

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

150讲轻松搞定Python网络爬虫

【为什么学爬虫?】 &nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到! &nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &nbsp; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑

MySQL 8.0.19安装教程(windows 64位)

话不多说直接开干 目录 1-先去官网下载点击的MySQL的下载​ 2-配置初始化的my.ini文件的文件 3-初始化MySQL 4-安装MySQL服务 + 启动MySQL 服务 5-连接MySQL + 修改密码 先去官网下载点击的MySQL的下载 下载完成后解压 解压完是这个样子 配置初始化的my.ini文件的文件 ...

Python数据挖掘简易入门

&nbsp; &nbsp; &nbsp; &nbsp; 本课程为Python数据挖掘方向的入门课程,课程主要以真实数据为基础,详细介绍数据挖掘入门的流程和使用Python实现pandas与numpy在数据挖掘方向的运用,并深入学习如何运用scikit-learn调用常用的数据挖掘算法解决数据挖掘问题,为进一步深入学习数据挖掘打下扎实的基础。

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

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

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

Ubuntu18.04安装教程

Ubuntu18.04.1安装一、准备工作1.下载Ubuntu18.04.1 LTS2.制作U盘启动盘3.准备 Ubuntu18.04.1 的硬盘空间二、安装Ubuntu18.04.1三、安装后的一些工作1.安装输入法2.更换软件源四、双系统如何卸载Ubuntu18.04.1新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

西南交通大学新秀杯数学建模试题

题目比较难,如果符合大家的口味欢迎大家下载哈,提高你的思维想象能力

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目标检测:原理与源码解析》

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

相关热词 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行 c# 循环给数组插入数据 c# 多线程死锁的例子 c# 钉钉读取员工排班 c# label 不显示 c#裁剪影像 c#工作进程更新ui
立即提问