easyui 为什么表格多一行

var pageSize = 2 ;//每页条数
var pageNumber= 1 ;//页号
var count = 0;
$(function(){
$("#tab").datagrid({
title:"目录类别管理",
loadMsg:"加载数据...",
height:"500px",
width:"100%",
url:"data.test",
fitColumns:true,
rownumbers : true,

pagination:true,
pageSize:pageSize,
pageList: [pageSize,100,300,500],
columns:[[
{field:'itemid',title:'Item ID',width:60,checkbox:true},
{field:'listprice',title:'List Price',width:70,align:'right',sortable:true},
{field:'unitcost',title:'Unit Cost',width:70,align:'right',sortable:true},
{field:'attr1',title:'Attribute',width:120,sortable:true},
{field:'status',title:'Status',width:40,align:'center'}
]],
onLoadSuccess:function(data){
var datas=data.rows[0];
count = datas.total;
for(var i=0;i<pageSize;i++)
{
$('#tab').datagrid('appendRow',{
itemid:datas.rows[i].itemid,
listprice:datas.rows[i].listprice,
unitcost:datas.rows[i].unicode,
attr1:datas.rows[i].attr1,
status:datas.rows[i].status
});
}
//设置分页控件

var p = $('#tab').datagrid('getPager');

$(p).pagination('reload',{
beforePageText: '第',//页数文本框前显示的汉字

afterPageText: '页 共 {pages} 页',

displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',

total: count,
pageNumber: pageNumber,
onSelectPage:function(pageNumber1, pageSize1){

               }
        });
    }

})

})

后台代码

    int start=1;
    int end=10;
    int total=30;
    response.setContentType("application/json; charset=utf-8");
    PrintWriter out = response.getWriter();
    try {
        List<User> list=new ArrayList<User>();
        for (int i = start; i < end; i++) {
            User u=new User();
            u.setAttr1(""+i);
            u.setItemid(i);
            u.setListprice(i);
            u.setProductid(i);
            u.setStatus(i);
            u.setUnitcost(i);
            list.add(u);
        }

// JSONArray jsonArray = JSONArray.fromObject(list);
// String json = jsonArray.toString();
// System.out.println(json);
// out.print(json);
//

Mapmap=new HashMap();
map.put("rows", list);
map.put("total", total);
JSONArray jsonArray = JSONArray.fromObject(map);
out.print(jsonArray.toString());

} finally {
out.close();
}

            ![图片说明](https://img-ask.csdn.net/upload/201706/27/1498526238_225290.png)

3个回答

猜测:一部份原因出在前端:一部份出在后端;
后端出现原因:遍历的第一次穿过来的参数为空所以显示出来的第一行为空。
前端原因:在设置时样式设置有误(解决办法用二分法,注释代码,锁定错误代码!并且修正)

先看看是不是有一条空数据

一共九条数据,你先看看一共分了多少页

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui-datagrid表格设计成两行作为一组数据的内容?
在开发管理平台,正常的表格是下面这样的,直接从后台获取到json数据,然后easyui-datagrid能够自动的列出来。 ![图片说明](https://img-ask.csdn.net/upload/201703/28/1490693283_374455.png) 我希望能够做成下面这种形式的,就是每两行作为一组,并且第一行是和表格的字段相对应的数据,第二行是这一组数据其他的内容。 ![图片说明](https://img-ask.csdn.net/upload/201703/28/1490693720_558387.png) **不是用下面这种点击之后展开行显示的形式:** ![图片说明](https://img-ask.csdn.net/upload/201703/28/1490693875_65043.png) 求大神指点一下,这种形式应该怎么弄。
easyUI多个datagrid 如何根据选中的行判定来自哪个数据表格
在页面中有多个数据表格 选中其中某个表格的一行 弹出信息 如何判定该行数据来自哪个表格???? 先拜谢大家
easyui表格行号出错的问题
easyui datagrid rownumber 初始表格的时候是正常的显示,行内编辑里面包含了一个combobox ,当点出修改的时候,如果编辑的是第一行,那它的行号就变成了010,如果是第二行的话就变成 了020 找不到错误。请问有没有碰到过这样问题。谢谢
使用easyui做的表格,在选完每页显示行数后,再点击提交,接收到的rows为NAN怎么解决?
先上图: ![图片说明](https://img-ask.csdn.net/upload/201703/08/1488960825_290618.png) 如上图,左边是用easyui做的表格,有查询和分页。点击任一行,会把明细添加到右边供编辑。翻页没问题,选择每页显示行数也没问题。但是当我选择完每页显示的行数以后,再次修改或者新增,后台接受的rows(每页显示行数)就变成了NaN。请问各位老师怎么解决? html: ``` <body> <div style="float:left" > <table id="list_data_message" title="信息管理" style="width:600px;height:500px" ></table> </div> <div style="float:right" > <div class="easyui-panel" title="信息编辑" style="width:720px;padding:30px 60px;"> <div style="float:left" > <div id="uguid" style="display:none;"></div> <div style="margin-bottom:20px"> 标题: <input id="title" name="title" class="easyui-textbox" style="width:150px;height:32px"> </div> <div style="margin-bottom:20px"> 信息类别: <select id="typeCode" name="typeCode" class="easyui-combobox" > <option value='0F31F432-0DFE-413C-A872-429BEA9F8E26' selected="selected">流行趋势</option> <option value='586E0485-C919-4B81-963F-5A3981E2FE2A'>推广引导</option> <option value='5BC62E88-E9D5-4A08-B086-6B0F41336D87'>行业信息</option> </select> </div> <div style="margin-bottom:20px;"> <div>封面:</div> <textarea id="cover" id="cover" name="cover" cols="100" rows="8" style="visibility:hidden;"> </textarea> </div> <div> <button id="isok" name="isok" class="easyui-linkbutton" iconCls="icon-ok" style="width:150px;height:32px" onclick="messageManager.submit(1)" >发布信息</button> </div> <div> <button id="ispre" name="ispre"class="easyui-linkbutton" iconCls="icon-save" style="width:150px;height:32px" onclick="messageManager.submit(0)" >保存草稿</button> </div> </div> <div style="float:right"> <textarea id="content" name="content" cols="100" rows="8" style="visibility:hidden;"> </textarea> </div> </div> </div> <script type="text/javascript"> messageManager.initTextarea(); messageManager.init(); </script> </body> ``` js文件: ``` //加载表格数据 loadMessage :function(){ var Searchtitle = $("#Searchtitle").val(); $('#list_data_message').datagrid({ title: '信息管理', iconCls: 'icon-save', //图标 loadMsg: "数据加载中,请稍后......", striped: true,//设置为true交替显示行背景 autoRowHeight: false,//设置为false锁定行高 nowap: true, //列内容多时自动折至第二行 striped: true,//行背景交换 border: true, collapsible: false, //是否可折叠 fit: false, //自动大小 datagrid自适应宽度 fitColumn: false, //列自适应宽度 url: '/api/message/index?Searchtitle='+Searchtitle, remoteSort: false, singleSelect: true, //是否单选 pagination: true, //分页控件 rownumbers: true, //行号 loading: true, showPageList: true,//定义是否显示页面导航列表。 showRefresh: true,//定义是否显示刷新按钮, idField: 'uGUID', //主键 selectOnCheck:false, checkOnSelect:false, pageNumber: 1, //默认显示第几页 pageSize: 10, pageList: [5, 10, 15],//用户可以改变页面大小。pageList属性定义了页面导航展示的页码。 //可编辑单元格 //onClickCell: onClickCell, columns: [[//显示的列 //{ field: 'ck', title: '编号', checkbox: true, align: 'left', sortable: true }, { field: 'uGUID',title: '编号',hidden:true }, { field: 'informationTypeGUID',title: '类型编号',hidden:true }, { field: 'title', title: '标题', align: 'left',width:200}, { field: 'coverPhoto', title: '封面', align: 'left',width:200,hidden:true}, { field: 'informationTypeName', title: '信息类型', align: 'left',width:200}, { field: 'status', title: '状态', align: 'left',width:60}, { field: 'content', title: '内容', align: 'left',width:200,hidden:true}, ]], onClickRow : function(index, row){ //你要写的逻辑 var row = $('#list_data_message').datagrid('getSelected'); if (row){ $('#title').textbox('setValue',row.title); $('#uguid').val(row.uGUID); if(row.informationTypeGUID!=''||row.informationTypeGUID!=null){ $("#typeCode").combobox('select',row.informationTypeGUID); } //$("#typeCode").val(row.informationTypeGUID); kcover.html(row.coverPhoto); kcontent.html(row.content); } }, toolbar: [{ id: 'BtnAddUserInfo', text: '新增', iconCls: 'icon-add', handler: function () { messageManager.refresh(); } }, '-', { id: '', text: '删除', iconCls: 'icon-remove', handler: function () { var guid = $('#list_data_message').datagrid('getSelected').uGUID; var data={}; data.guid=guid; $.ajax({ type : 'POST', url : '/api/message/delete', dataType:"json", contentType:'application/json;charset=UTF-8', data : JSON.stringify(data), success : function(){ messageManager.loadMessage(); }, error: function(XMLHttpRequest){ alert( "删除失败: " + XMLHttpRequest.responseText); } }); } }, '-', { //查询输入框 text: '<input type="text" id="Searchtitle" placeholder="输入信息标题"/>', }, '-', { id: '', text: '查询', iconCls: 'icon-search', handler: function () { messageManager.loadMessage(); } }, ], }); //分页控件 var p = $('#list_data_message').datagrid('getPager'); $(p).pagination({ //pageNumber: 1, //默认显示第几页 //pageSize: 10, //pageList: [5, 10, 15],//用户可以改变页面大小。pageList属性定义了页面导航展示的页码。 beforePageText: '第', afterPageText: '页 共{pages}页', displayMsg: '当前显示{from}-{to}条记录 共{total}条记录', /*onBeforeRefresh:function(){ alert('before refresh'); //刷新 },*/ /*onSelectPage:function(pageNumber,pageSize){ alert(pageNumber);//翻页 a*/ buttons: [{ iconCls: 'icon-add', handler: function () { alert('add') } }, '-', { iconCls: 'icon-save', handler: function () { alert('save') } }, '-', { iconCls: 'icon-cut', handler: function () { alert('AAAA') } } ] }); }, ``` java代码(springboot) ``` /** * 显示所有信息管理的信息 * @param req * @param model * @return */ @RequestMapping(value="/index") public Map<String, Object> findAllMessage(HttpServletRequest req){ String Searchtitle = req.getParameter("Searchtitle"); if(Searchtitle==null||Searchtitle.equals("undefined")){ Searchtitle=""; } Searchtitle = "%"+Searchtitle+"%"; Integer page = Integer.parseInt(req.getParameter("page")); Integer rows = Integer.parseInt(req.getParameter("rows")); List<Map<String, String>> informations = messageService.findAllInformationRelease(Searchtitle,page,rows); int total = messageService.findCountInformationRelease(Searchtitle); Map<String, Object> json = new HashMap<>(); json.put("total", total); json.put("rows", informations); String jsonarray = JSONArray.toJSONString(informations); return json; } /** * 添加或修改一条信息 * @param informationRelease * @return */ @RequestMapping(value="/save") public FerryInfo saveMessage(@RequestBody InformationRelease informationRelease){ FerryInfo ferryInfo = new FerryInfo(); if(informationRelease.getuGUID()==null||"".equals(informationRelease.getuGUID())){ informationRelease.setuGUID(UUID.randomUUID().toString()); informationRelease.setCreator("test");//TODO informationRelease.setCreateTime(new Date()); }else{ InformationRelease info = informationReleaseDao.findOne(informationRelease.getuGUID()); informationRelease.setCreator(info.getCreator()); informationRelease.setCreateTime(info.getCreateTime()); } informationRelease.setUpdateMan("test");//TODO informationRelease.setUdpateTime(new Date()); informationRelease.setUsable(1); if(informationRelease.getStatus()==1){ informationRelease.setLssueMan("test");//TODO informationRelease.setLssueTime(new Date()); } informationReleaseDao.save(informationRelease); return ferryInfo; } ```
easyui datagrid分页问题
easyui datagrid表格中分页选中,再回到前一页选中行也不会消失,怎么做?
JQuery-EasyUI DataGrid数据表格删除多项数据,第一个选项报NaN错误
今天写项目遇到了删除不了数据的情况,选择了多项数据进行删除,第一项总是报NaN错误,获取不了id,不知道是哪里出了问题?在这里请教一下老师们。 jsp页面代码: { text:"删除", iconCls:"icon-remove", handler:function(){ //找到datagrid表格中所选中的行 $("#tt").datagrid("reload",{}); var rows=$("#tt").datagrid("getSelections"); //alert($("tt").datagrid("getRowIndex")); alert(rows); if(rows.length<=0) { $.messager.show({ width:200, height:100, title:"提示信息", msg:"至少要选择一条记录进行删除!" }); }else{ for(var i=0;i<rows.length;i++) { var ids=ids+rows[i].id+"," } //删除最后一个逗号 ids=ids.substring(0,ids.length-1); alert(ids); $.messager.confirm("确认信息","您确定要删除吗?",function(bol){ if(bol) { $.post("/project18/client/clientAction_delete","method=delete&ids="+ids,function(data){ $.messager.show({ width:200, height:100, title:"提示信息", msg:data.message }); //刷新datagrid $("#tt").datagrid("unselectAll",{}); $("#tt").datagrid("reload",{}); },"json"); }else{ $("#tt").datagrid("clearSelections"); } }); } } }, 控制层代码: @RequestMapping("clientAction_delete") public void delete(HttpServletRequest request,HttpServletResponse response) throws IOException{ String ids=request.getParameter("ids"); System.out.println(ids); String[] id=ids.split(","); int[] idss=new int[id.length]; for(int i=0;i<id.length;i++){ idss[i]=Integer.parseInt(id[i]); clientService.delete(CClient.class, idss[i]); } response.setContentType("json;charset=utf-8"); response.getWriter().print("{\"message\":\"删除成功\"}"); } ![图片说明](https://img-ask.csdn.net/upload/201710/24/1508845590_644337.png)
easyUI中如何将上一页的数据传递到下一页啊
第一页是一个表格,表格的每一项都有对应操作,当点击操作后跳转到下一页,并且下一页要显示这个表格这一行的数据,怎么写啊。求大神啊o(╯□╰)o
.net easyui做表格的时候行很多,想锁定表头往下拉表头始终在。请大神给指点下。
代码是js里构造了一个dgr{} ,将titile,queryparams,url,frozencolumns,columns等变量复制后, 统一放到dgr里,最后 $('#tabview').datagrid(dgr)将table标签显示出来。源码就是这样,请问下 如何将表头锁定?是什么属性吗还是通过代码实现的? 我的columns结构基本是是这样的 columns=[ [{field:'',title:''}, {field:'',title:''}], [], [] ]
怎么在easyUI的datagrid里面的toolbar自定义一个查询下拉列表,并onChange触发
谁来告诉我,我怎么在easyUI的数据表格的toolbar里面自定义一个工具,类似查询,但是是下拉列表的。 下面3个值,审核通过,未通过,未审核。值分别为 -2 -3 -1 然后onChange事件触发查询。并且是根据设置的响应值来查询。 帮我定义一下这个工具就行,事件这些不用~\(≧▽≦)/~啦啦啦。
easyui combobox 焦点错位
表代码如下: ``` <tbody> <tr id="create"> .. <td><input type="text" id="style" name="style" class="easyui-combobox" style="width: 80px;" data-options="valueField: 'label', textField: 'value',panelHeight:'auto', data: [{ label: '0', value: '角色1' },{ label: '1', value: '角色2' },{ label: '2', value: '角色3' }]" /></td> ... </tr> </tbody> ``` 动态添加一行表格: ``` var tempTr =$("tbody tr:last").clone(true); $("tbody tr:last").after(tempTr); ``` 问题:生成多行表格,如2行,对第二行下拉选项操作时,焦点指向第一行的下拉项(实际上多行时,对最后一行下拉项操作都指向第一行下拉项) ![图片说明](https://img-ask.csdn.net/upload/201506/17/1434473025_170584.png) 如图:最后一行点下拉选项时,焦点自动指向第一行。 哪位知道是什么原因,页面不熟悉,请教了。 多谢
easyui中的datagrid表格中,如何提交所有的行数据到后台
如题,我在一个controller中查到一些数据,并将它们显示在前台,现在我需要将 这些数据编辑之后提交到后台并保存,如何将datagrid中的所有数据提交到后台
easyui点击树节点添加选项卡,且选项卡内加载数据表格为什么我的代码只能实现一个?
$("#tr1").tree({ url:'tree_data.json' }); //双击树的节点添加面板 $("#tr").tree({ onDblClick:function(node){ addTab(node); } }); //添加面板 function addTab(node){ $("#ta").tabs('add',{ title:node.text, content:'<table id="tb"></table>', closable:true }); } //添加选项卡的时候添加数据表格 $(function(){ $("#ta").tabs({ onAdd:function(title,index){ addGrid(); } }); }); //添加数据表格的方法 function addGrid(){ $("#tb").datagrid({ url:'datagrid_data.json', iconCls:'icon-ok', columns:[[ {field:'code',title:'Code',width:100}, {field:'name',title:'Name',width:100}, {field:'price',title:'Price',width:100,align:'right'} ]], fitColumns:true,//允许表格自动缩放,以适应父容器 pagination : true//分页 //rownumbers:true//显示行数 }); }
easyui页面显示,就是在主页面显示另一个页面,那个页面没有完整的显示出来,但是在地址栏上输入那个页面的地址,那个页面就完整的显示,这怎么农
使用easyui做的main.jsp和busCarsManager.jsp 在main.jsp点击车辆管理即busCarsManager.jsp,显示成了这样 如下图 ![图片说明](https://img-ask.csdn.net/upload/202003/04/1583329850_48245.png) 在地址栏输入该页面url地址 ![图片说明](https://img-ask.csdn.net/upload/202003/04/1583329898_132483.png) 怎么弄好?? 以下是main.jsp代码 <title>Basic Form - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/demo.css"> <script type="text/javascript" src="easyui/jquery.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function() { $('#tt').tree({ //点击菜单事件 onClick: function(node){ //如果选项的url为空,null,直接退出,在页面不变 if(node.url==""||node.url==null){ return; } //如果选项卡存在 var flag=$('#tab').tabs('exists',node.text); //存在的条件下,选中,显示其内容 if(flag){ $('#tab').tabs('select',node.text); }else{ $('#tab').tabs('add',{ title: node.text, href:node.url, closable:true }); } } }); }); </script> <title>汽车租赁系统</title> </head> <body class="easyui-layout"> <div data-options="region:'north',split:true" style="height:100px;background: url('images/绿色.jpg')"> <div style="margin-left: 120px;margin-top: 30px;float:left;"> <span style="font-size: 32px;color:orange;font-weight:bold;">汽车租赁系统</span> </div> <div style="float: right ;margin-top: 60px;margin-right: 30px"> <span style="font-size: 18px;color: red;">欢迎admin用户登录</span> <a style="font-size: 18px;color: red;text-decoration: none">注销</a> </div> </div> <div data-options="region:'south',title:'版权信息',split:true" style="height:200px;background: url('images/版权信息.png'); background-repeat: no-repeat;background-color: silver;background-position: center;"></div> <div data-options="region:'east',title:'East',split:true" style="width:200px;"> <div id="date" class="easyui-calendar" style="width:180px;height:200px;"></div> </div> <div data-options="region:'west',title:'West',split:true" style="width:150px;"> <div id="menu" class="easyui-accordion" data-options="fit:true,border:false"> <div title="类别一"> <ul id="tt" class="easyui-tree" url="SysMenusController/findMoreMenus"></ul> </div> <div title="类别二"></div> <div title="类别三"></div> </div> </div> <div data-options="region:'center'" style="background:#eee;"> <div id="tab" class="easyui-tabs" data-options="fit:true"> <div title="默认页"> <img src="images/默认页.jpeg" width="90%" height="90%"> </div> </div> </div> </body> 以下是busCarsManager.jsp代码 <body data-options="fit:true"> <table id="busCarsManger_dg" title="My Cars" class="easyui-datagrid" style="width:600px;height:250px" url="/busCarsController/findAllBusCars" toolbar="#busCarsManger_toolbar" pagination="true" rownumbers="true" fitColumns="true" singleSelect="true"> <thead> <tr> <th field="carnumber" width="50">汽车牌号</th> <th field="lastname" width="50">汽车类型</th> <th field="pice" width="50">汽车价格</th> <th field="description" width="50">汽车描述</th> <th data-options="field:'carimg',formatter:showImage" width="50">汽车图片</th> </tr> </thead> </table> <div id="busCarsManger_toolbar"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newCars()">新增汽车</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editCars()">修改汽车信息</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyCars()">移除</a> </div> <div id="busCarsManger_dlg" class="easyui-dialog" style="width:500px" data-options="closed:true,modal:true,border:'thin',buttons:'#busCarsManger_dlg-buttons'"> <form id="busCarsManger_fm" method="post" novalidate style="margin:0;padding:20px 50px"> <h3>汽车信息</h3> <div style="margin-bottom:10px"> <input name="carnumber" class="easyui-textbox" required="true" label="汽车牌号:" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="cartype" class="easyui-textbox" required="true" label="汽车类型:" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="color" class="easyui-textbox" required="true" label="汽车颜色" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="price" class="easyui-textbox" required="true" label="汽车价格" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="rentprice" class="easyui-textbox" required="true" label="汽车租金" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="deposit" class="easyui-textbox" required="true" label="汽车押金" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="description" class="easyui-textbox" required="true" label="汽车描述" style="width:100%"> </div> <input type="text" name="carimg" id="carimg"> </form> <form id="fm2" method="post" enctype="multipart/form-data" style="margin:0;padding:20px 50px"> <div style="margin-bottom:10px"> <input name="fil" class="easyui-filebox" label="汽车图片" style="width:70%"> <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="fileUpload()" style="width:100px">上传图片</a> </div> <span id="sp1"></span> </form> </div> <div id="busCarsManger_dlg-buttons"> <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveCars()" style="width:90px">Save</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a> </div> <script type="text/javascript"> //全局参数地址 var url; //删除车辆系信息操作 function destroyCars(){ //当表格信息被选中 var row= $('#busCarsManger_dg').datagrid('getSelected'); if(row){ //提示是否删除 $.messager.confirm("提示","是否删除该车辆信息",function(flag){ if(flag){ //发送Ajax请求,通过控制器执行删除车辆操作 $.post("busCarsController/removeBusCars",{'carnumber':row.carnumber},function(result){ if(result>0){ //删除成功重新加载表格数据 $("#busCarsManger_dg").datagrid("reload"); }else{ $.messager.alert("警告","删除失败","error"); } }) } }) }else //提示请选中至少一行 $.messager.alert("提示","请选中当前信息表的一行数据","info"); } //修改车辆信息 function editCars(){ //当数据表格被选中 var row= $('#busCarsManger_dg').datagrid('getSelected'); if(row){ //执行修改操作,打开修改对话框 $("#busCarsManger_dlg").dialog("open").dialog("center").dialog("setTitle","修改汽车信息") //加载当前选中信息行的数据,在表单一中回显 $("busCarsManger_fm").form("load",row); //表单二中图片的回显,不是用append方法,是因为每次点击修改就会加一个图片,故只用文本显示方法html $("#sp1").html("<img src='images/"+result.url+"'width='80px'/>") //点击保存时,实现修改操作,跳转到当前车辆信息表 url:"busCarsController/changeBusCars"; }else{ $.messager.alert("提示","请选中当前信息表的一行数据","info"); } } //文件上传的操作 function fileUpload(){ //提交form表单 $('#fm2').form('submit',{ url: "busCarsController/fileUpload", success: function(result){ var result=eval('('+result+')'); if(result.url){ //防止在执行修改车辆信息操作,上传图片时,需要清空表单二的图片,防止出现两个图片 $("#sp1").empty(); //显示图片 $("#sp1").append("<img src='images/"+result.url+"'width='80px'/>") //将图片名字赋值给隐藏域 $("#carimg").val("result.url"); }else{ $.messager.alert("提示","图片上传失败","error"); } } }); } //保存车辆信息 function saveCars(){ //获得表单的所有内容 var val =$("busCarsManger_fm").serialize(); $.post(url,val,function(result){ if(result>0){ //关闭当前的对话框 $("#busCarsManger_dlg").dialog("close") //刷新后面的表格 $("#busCarsManger_dg").datagrid("reload"); } }) } 添加车辆信息 function newCars(){ //添加新增对话框信息 $("#busCarsManger_dlg").dialog("open").dialog("center").dialog("setTitle","新增汽车") //清除表单之前的内容 $("busCarsManger_fm").form("clear") //清除图片表单项,要不然下次打开还在 $("#fm2").form("clear") //清除图片显示 $("#sp1").empty(); url="busCarsController/saveBusCars"; } function showImage(val){ return "<img src='images/"+val+"' width='80px'/>"; } </script> </body>
表格上传文件的问题????
用的后台是springmvc 前台用的是easyui 对表格的每一行,我都要上传一个对应的文件,请问有那些碰到这样的上传 这个要怎么做才能实现。
easyui 两个不同的数据表格datagrid怎么操作结合java
只能选择一个学生,学生选择导师,可以选择多个导师。 先是一个学生数据表格,选择一行数据。点击选择导师。打开一个window出现导师的数据表格,可以多选, 然后按确定,学生表的数据库保存的导师的id:. 可以的到["18", "29", "32", remove: function, removeById: function] ,然后就不懂了。。 我要怎么把得到的ids传给数据库里的学生表?要不要重新写个action 或者做个更新学生表的teacherid的SQL语句。?要怎么
修改DataGrid表格中的一行数据 怎样在新的修改页面中回显选中的那一行数据呢?
修改DataGrid表格中的一行数据 怎样在新的修改页面中回显选中的那一行数据呢?![图片说明](https://img-ask.csdn.net/upload/201601/16/1452911725_981882.png) 求大神指教
再次请教easyui combobox复制后 焦点错位
动态添加一行表格,添加后发现新生成的combobox下拉菜单焦点始终在第一行上。 简要页面代码如下: ``` <tbody> <tr id="create"> <td><input id="cc" name="dept" style="width: 85px;"></td> ...省略其他 </tbody> jq('#cc').combobox({ data:combobox, valueField:'id', textField:'text', onSelect:function(){ ...省略 }); } } }); ``` 复制代码如下: ``` var tempTr = jq("tbody tr:last").clone(true); jq("tbody tr:last").after(tempTr); ``` 问题截图:![图片说明](https://img-ask.csdn.net/upload/201506/30/1435679975_544549.png) 问题分析: 问题应该JS生成combobox时,因为<input id="cc" id引起的问题,每次上一行并生成新一行id都是 cc,所以焦点会始终指向第一行。但不指定id 如何用JS生成combobox? ( ``` <select id="style" name="style"> <option selected="selected" value=""> </option> <option value="国标">国标</option> <option value="非国标">非标</option> </select> ``` 这种方法是可以的,但如何用JS生成?) 另外,通过修改 jq("tbody tr:last").clone(true)中的参数也是不行的。 请问一下,怎样才能解决?多谢
jquery easyui 1.3.4 的datagrid无法自适应高度和宽度,
<!-- <div class="easyui-tabs" fit="true" border="false"> <div title="用户管理" border="false"> <!-- --> <div id="searchpanel" class="easyui-panel" border="false" title="查询条件" style="height: 100px;" data-options="iconCls:'icon-search', collapsible:true"> <table class="tableForm datagrid-toolbar" style="width: 100%; height: 100%;"> <tr> <th> 用户名 </th> <td> <input name="userName" style="width: 155px" /> </td> <th> 联系电话 </th> <td> <input name="phone" style="width: 155px" /> </td> <th> 所属单位 </th> <td> <input name="phone" style="width: 155px" /> </td> </tr> <tr> <th> 开始日期 </th> <td> <input name="timeStart" editable="flase" class="easyui-datetimebox" style="width: 155px" /> </td> <th> 结束日期 </th> <td> <input name="timeEnd" editable="flase" class="easyui-datetimebox" style="width: 155px" /> </td> <th></th> <td> <a href="#" class="easyui-linkbutton">查询</a> <a href="#" class="easyui-linkbutton">清空</a> </td> </tr> </table> </div> <table id="centerDateGrid"> <thead> <tr> <th field="userId" width="80" sortable="true"> userId </th> <th field="loginName" width="100" sortable="true"> loginName </th> <th field="userName" width="80" sortable="true"> userName </th> <th field="password" width="80" align="right" sortable="true"> password </th> <th field="cell" width="80" align="right" sortable="true"> cell </th> <th field="qq" width="100" align="right" sortable="true"> qq </th> <th field="mail" width="110" sortable="true"> mail </th> </tr> </thead> </table> </div> </div> --> 这是我的center里面的代码 下面是我的js代码: $(function() { alert("进来了"); //初始化查询pannel // 初始化右下角的提示框 $.messager.show({ title : '我的消息', msg : '登录成功,欢迎使用此系统', timeout : 3000, showType : 'slide' }); // 初始化datagrid $("#centerDateGrid").datagrid({ url : 'login/users!findList.action', height:"200px;", iconCls : 'icon-save',// 图标 rownumbers : true,// 如果为true,则显示一个行号列。 singleSelect : true,// 如果为true,则只允许选择一行。 // autoRowHeight:false,//定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。 nowrap : false,// 如果为true,则在同一行中显示数据。设置为true可以提高加载性能。 pagination : true,// 显示分页工具条 pageSize : 20,// 每页条数 fit : true,// datagrid自适应宽高 fitColumns : true,// 使列自动展开/收缩到合适的数据表格宽度。 idField : 'userId', sortName : 'userId',// 定义哪些列可以进行排序 sortOrder : 'asc',// 定义列的排序顺序,只能是'asc'或'desc' border : false, pageList : [ 20, 30, 40, 50 ],// 分页条数选择 toolbar : [ { text : '添加', iconCls : 'icon-add', hander : function() { } },'-', { text : '修改', iconCls : 'icon-edit', hander : function() { } },'-', { text : '删除', iconCls : 'icon-remove', hander : function() { } } ] //toolbar:"#toolbar" }); }); //查询条件 function search(){ $("#centerDateGrid").datagrid("load",{ userName("#userName").val() }); } //清空查询条件 function clear(){ }
如何获取资源文件内容(或是弹出对话框中的内容)
先描述下需求:项目使用的是easyUI框架,表格第一列为“发送通知”按钮,点击后弹出一个对话框,其中为通知内容,对话框下有“确定发送”按钮。 现在要求通知内容模板写在.properties中,其中的参数如“通知者姓名”需要根据所选行中的信息填入,然后点击“确定发送”后台需要获取整个通知内容(包含参数,即对话框的内容)。 目前我通过fmt标签获取的信息模板,并传入参数,但是不知道如何获取整条通知信息的内容并传入后台。请问下该如何实现,有例子最好了。 小弟是初学者,easyUI也是刚学习,希望可以解答的详细些,谢谢! (上网查了var属性可以设定变量,但是好像js获取不到,也许是我获取的方式不对)
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
【资源】一个C/C++开发工程师的学习路线(已经无路可退,唯有逆风飞翔)【内附资源页】
声明: 1)该文章整理自网上的大牛和专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与增删。还望大家多多指点。大家都共享一点点,一起为祖国科研的推进...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
神级宝库!GitHub 标星 1.2w+,Chrome 最天秀的插件都在这里啦!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个沉迷 Chrome 不能自拔的蒟蒻… 作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥,当我第一次了解 Chrome 的时候,就被它的美貌给吸引住了… 就在我用了一段时间之后,我坚决的卸载了电脑上其它碍眼的浏览器,并觉得在之前的搬砖生涯中,我不配当哥,我只配是个沙雕… ...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
张朝阳回应迟到 1 分钟罚 500:资本家就得剥削员工
loonggg读完需要2分钟速读仅需 1 分钟大家我,我是你们的校长。前几天,搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单,就是搜狐出了“考勤新规”。一封搜狐对员工发布...
立即提问