datagrid在tabs中无法显示

本来datagrid显示是一点问题都没有的,

页面部分:

 <div data-options="region:'center',border:true">
     <table id="dgBlackBoard"></table>
  </div>

JS部分:

 dgBlackBoard = $("#dgBlackBoard").datagrid({
                iconCls: 'icon-save',
                fit: true,
                fitColumns: true,
                rownumbers: true,
                nowrap: true,
                animate: false,
                border: false,
                singleSelect: true,
                toolbar:'#tb',
                idField: 'CarNo',
                url: SG.newUrl('/SG.OA/Blackboard/GetBlackboardViewModelList'),
                columns: [
                    [中间代码太多,就不贴出来了]
                                        ]

页面效果:
图片说明

但是我把div放倒了tab中,其他还能显示,但是datagrid部分就显示不出来了,
页面代码:

 <div class="easyui-tabs" data-options="fit:true" id="tabs">                
                <div title="实时看板" style="height: 100%;width: 100%;">
                                       <div data-options="region:'center',border:true">
                               <table id="dgBlackBoard"></table>
                                                </div>
                                    </div>
                                    <div title="日历看板" style="height: 100%;width: 100%;">
                                    </div>
 </div>

在网上查了一下,只有一些类似的方法,但都不能解决我的问题,求教这是什么原因导致的?该如何解决?

1个回答

layout布局不要和其他标签乱嵌套,会出错,要么你就整个layout放入tab里面,而不是layout中的一部分放入tab里面,不能随便乱嵌套

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

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

求助:easyUI-dataGrid在标签页中显示不全

直接用浏览器打开/TollStation/Index,页面中的表格显示正常![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047305_35640.png) 但是在/Home/Index的标签页中引用该页面表格就不能显示完全 表格的width设为auto显示的页面是![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047069_7104.png) width设置为1000px时显示的页面是![图片说明](https://img-ask.csdn.net/upload/201705/18/1495047416_256711.png) 搞了好长时间都没找到问题出在哪,希望有人给个解答

easyUI datagrid 数据显示不出来的问题

用的是PHP+easyUI做的开发,EasyUI datagrid绑定数据源有问题,就是数据显示不出来。 <table id="family_info" class="easyui-datagrid" title="家庭成员信息" style="width:100%;height:auto" data-options=" iconCls: 'icon-edit', fitColumns:true, rownumbers:true, url:'__URL__/stuFamilyJson', method:'get', singleSelect: true, toolbar: '#toolbar'"> 原来在win下做开发,这样写是好使的,顺道贴出stuFamilyJson方法的代码: public function stuFamilyJson(){ $tb=D('StuFamily'); $familyInfo=$tb->where('stu_id='.session('userId'))->select(); foreach ($familyInfo as $key=>$familyInfoEach) $familyInfo[$key]=$tb->parseFieldsMap($familyInfoEach); echo $familyInfo=json_encode($familyInfo); } 用浏览器开发者工具查看,得到返回值如下: [{"id":"1","stuId":"1","folkName":"\u7236\u4eb2\u5927\u4eba","folkRelation":"\u7236\u5b50","folkCompany":"\u7236\u4eb2\u7684\u5355\u4f4d","folkPosition":"\u5de5\u4eba2","folkTel":"12345678910","folkAddress":"\u7ed9\u5927\u5bb6\u8bf4\u670di\u4e3au\u5346"},{"id":"2","stuId":"1","folkName":"\u6bcd\u4eb2\u5927\u4eba","folkRelation":"\u6bcd\u5b50","folkCompany":"\u6bcd\u4eb2\u7684\u5355\u4f4d","folkPosition":"\u5de5\u4eba","folkTel":"12345678910","folkAddress":"\u5bf9\u65b9\u7b54\u590d"},{"id":"6","stuId":"1","folkName":"\u5144\u957f\u5927\u4eba","folkRelation":"\u5144\u5f1f","folkCompany":"\u65e0","folkPosition":"\u65e0","folkTel":"123456","folkAddress":"\u70ed\u70ed\u70ed\u4ed6 \u5c14\u7279\u8ba9\u4ed6"}] 注:此部分汉字都编码了,这里就不还原。 但是现在这样写,前台就显示不出数据了! 把返回的数据直接粘贴到一个json文件,url改为该json文件,就能正常显示了。 但是,这终究不是个好办法,毕竟要和数据库交互,当然你可能说让后台操作,将结果写入json文件,这样确实可以,不过我不是很喜欢。 又想到了这样写: <script type="text/javascript"> $(document).ready( $.post("__URL__/stuFamilyJson", function(data){ data=eval("("+data+")"); $("#family_info").datagrid({'data':data}); } ) ); </script> 这样写发现也能正常显示。 那么,问题来了,我直接写url和这样用js写有什么区别么?为什么直接写url会出问题?还有另一个combobox,也是用url写的,刚做完好使,过了几天就不好使了,也不知道是什么原因,我觉得二者是同一原因引起的。求大神帮忙!!

easyui datagrid 宽度显示问题

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

easyui datagrid显示隐藏问题

![图片说明](https://img-ask.csdn.net/upload/201509/15/1442289085_397569.png) ![图片说明](https://img-ask.csdn.net/upload/201509/15/1442289108_665210.png) ![图片说明](https://img-ask.csdn.net/upload/201509/15/1442289336_253832.png) 当选择中秋活动费后会显示第二个图的这个列表,可是不知道为什么这个列表的表头不显示,添加了一个部门以后才会显示如第三个图,求大神帮我解答,谢谢。 ``` if($(this).combobox('getValue')=='591'){ $("#borrow_part_org_div").show(); //$("#borrow_part_org_list").css("display",""); } ``` 这是我的代码,求大神帮忙解决。

easy ui datagrid显示数据问题

在页面显示不出查询结果,弹出一个错误框,信息以字符串类型全显示在里面。 jsp代码: $(function () { $('#list_data').datagrid({ url:"messages!showMessageInfoList.do", frozenColumns:[[ {field:'ck',checkbox:true } ]], columns:[[ {title:'id',field:"id",hidden:'false' ,width:"100px"}, {title:'房号',field:'houseid',width:"50",align:'center' }, {title:'消息标题',field:'title',width:"100",align:'center'}, {title:'消息描述',field:'content',width:"100",align:'center'}, {title:'是否已读',field:'isread',width:"100",align:'center', formatter:function(val) { if(val=="0") { return "未读"; } else if(val=="1") { return "已读"; } } }, {title:'发布时间',field:'sdate',width:"100",align:'center'} ]])} action代码: public void showMessageInfoList() throws Exception{ String startdate = request.getParameter("sdate"); String enddate = request.getParameter("edate"); //当前页 int currentPage = Integer.parseInt((page == null || page == "0")?"1":page); //每页显示 int nums = Integer.parseInt((rows == null ||rows == "0")?"10":rows); //每页开始记录,第一页为1,下一页为num+1 //int stares = (currentPage-1)*nums; List<Messages> list = null; try{ list = mservice.findByPage(currentPage, nums,startdate ,enddate);//把每页数据放进list }catch(Exception e){ e.printStackTrace(); } int total = mservice.getSumPage(startdate ,enddate); Map<String ,Object> jsonMap = new HashMap<String ,Object>(); jsonMap.put("total", total);//存放总记录 jsonMap.put("rows", list); result = JSON.toJSONStringWithDateFormat(jsonMap,"yyyy-MM-dd");//格式化result // result = JSON.toJSONString(jsonMap);//格式化result System.out.println(list.size()); response.setContentType("text/html;charset=utf-8"); System.out.println(result.length()); PrintWriter out = response.getWriter(); out.print(result); out.flush(); out.close(); } public Messages createDate(){ Messages messages = new Messages(); messages.setTitle(title); messages.setContent(content); messages.setSdate(sdate); messages.setHouseid(houseid); messages.setIsread(isread); return messages; } ![CSDN移动问答][1] [1]: http://img.blog.csdn.net/20131224211732750?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSmVmZmVyeV9mbHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast

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

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

Easy ui tabs选项卡关闭后,再打开内容加载的完全不一样?

我现在用easy ui写个页面程序,左侧是菜单栏,右侧是tabs选项卡内容,刚进入界面时,tabs选项卡全部隐藏掉了,当单击左侧的菜单时,右侧会出现相应的tabs选项卡,但是,当把选tabs选项卡关闭后,在单击左侧的菜单栏时,右侧的tabs选项卡内容完全加载不出来,这是怎么回事?求解答,很棘手。![菜单栏图片说明](https://img-ask.csdn.net/upload/201708/19/1503108265_157182.png)![第一次加载打开tabs选项卡图片说明](https://img-ask.csdn.net/upload/201708/19/1503108329_560312.png)![第二次打开tabs选项卡图片说明](https://img-ask.csdn.net/upload/201708/19/1503108358_635516.png)

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渲染~

代码如下:在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', }]] //省略 }); } ```

jQuery easy ui中的DataGrid 的url问题

问题: jQuery easy ui中的DataGrid组件中 用URL去调用SrpingMvc中Controller的方法如何调用 如图js中datagrid组件中的url路径到底怎么写和Controller中方法名上的标签用哪个?求大神解答! ![![图片说明](https://img-ask.csdn.net/upload/201601/06/1452042505_220354.png)图片说明](https://img-ask.csdn.net/upload/201601/06/1452042495_746669.png)

easyui 循环添加tabs时,选项卡的内容加载不出来

for(var i = 0;i<=obj.length;i++){ $("#tt").tabs('add',{ title:obj[i].name, //content:'<iframe frameborder=0 style=width:100%;height:100% src='+ obj[i].href +' ></iframe>', closable:true, href:obj[i].href }); $("#tt").tabs('select',0) }

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(){ }

easy ui 无法二次加载datagrid

我做的赋权管理,当第一次给一个用户赋权时,可以正常显示。但是给一个已经赋权的用户再次赋权后就无法显示表格了。 ![图片说明](https://img-ask.csdn.net/upload/201504/10/1428630815_710277.png) ![图片说明](https://img-ask.csdn.net/upload/201504/10/1428630780_757207.png)

easyui的tab切换问题,第一个总显示最后一个

我想请问个问题 在easyui 中 创建tabs后,并生成多个tab,然后点击首个tab,但下部内容显示仍是最后一个tab的内容. 下面是主要的js代码. function addTab(subtitle, url){ if (!$('#tabs').tabs('exists',subtitle)){ $('#tabs').tabs('add', { title: subtitle, content: createFrame(url), closable: true, width: $('#mainPanle').width() - 10, height:$('#mainPanle').height() - 26 }); } else { $('#tabs').tabs('select', subtitle); } tabClose(); } function createFrame(url) { var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>'; return s; }

datagrid表头和内容不对齐

easyui 对话框dialog中嵌套tabs页面,其中一个页面包含表格datagrid。 打开弹框默认显示不包含表格的页面,点击包含表格的页面,页面加载后datagrid的表头和内容没有对齐,刷新tab页又对齐了。求指点。 如果页面是默认打开的都正常,问题是不满足需求。

easyUi的datagrid无法从后台获取数据

代码如下 ``` <script type="text/javascript"> var setting = { data: { simpleData: { enable: true, idKey:"id", pIdKey:"pid" } }, callback: { onClick: zTreeOnClick } }; $(function(){ $.ajax({ url:"<%=request.getContextPath() %>/getDeptTree.action", data:{}, dataType:"json", type:"post", success:function(json){ $.fn.zTree.init($("#treeDemo"), setting, json); } }); }); function zTreeOnClick(event, treeId, treeNode) { var id = treeNode.id; var deptName = treeNode.name; alert(id+","+deptName); $("#dl").datagrid({ url:"<%=request.getContextPath()%>/getUserByDeptid.action?id="+id, columns:[[ {field:'id',title:'ID',width:100}, {field:'realname',title:'真实姓名',width:100}, {field:'loginname',title:'用户名',width:100}, {field:'asd',title:'职位',width:100}, {field:'mail',title:'邮箱',width:100}, {field:'sex',title:'性别',width:100}, {field:'tel',title:'电话',width:100}, {field:'qq',title:'QQ',width:100}, {field:'adddate',title:'入职日期',width:100}, {field:'lastlogin',title:'最后登录时间',width:100}, {field:'logintime',title:'访问次数',width:100}, {field:'caozuo',title:'操作',width:100} ]], fit:true, singleSelect:true }); }; </script> <div id="zuzhi" class="easyui-tabs" data-options="fit:true,border:false"> <div title="用户" style="display:none;"> <div id="用户" class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',title:'部门结构',collapsible:true" style="width:150px;"> <ul id="treeDemo" class="ztree"> </ul> </div> <div data-options="region:'center'" style="padding:5px;background:#eee;"> <table id="dl"> <!-- <thead> <tr> <th data-options="field:'id',width:100">ID</th> <th data-options="field:'realname',width:100,editor:'text'">真实姓名</th> <th data-options="field:'loginname',width:100,editor:'text'">用户名</th> <th data-options="field:'asd',width:100,editor:'text'">职位</th> <th data-options="field:'mail',width:100,editor:'text'">邮箱</th> <th data-options="field:'sex',width:100,editor:'text'">性别</th> <th data-options="field:'tel',width:100,editor:'text'">电话</th> <th data-options="field:'qq',width:100,editor:'text'">QQ</th> <th data-options="field:'adddate',width:100,editor:'text'">入职日期</th> <th data-options="field:'lastlogin',width:100,editor:'text'">最后登录时间</th> <th data-options="field:'logintime',width:100,editor:'text'">访问次数</th> <th data-options="field:'caozuo',width:100">操作</th> </thead> --> </table> </div> </div> </div> <div title="权限" data-options="" style="display:none;"> 权限 </div> <div title="公司" data-options="" style="display:none;"> 公司 </div> <div title="动态" data-options="" style="display:none;"> 动态 </div> </div> ``` datagrid中的getUserByDeptid方法访问不到,但是treeNode.id和treeNode.name都可以alert出来,ztree也没问题

后台获取不到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无法从后台加载数据

``` <script type="text/javascript"> var setting = { data: { simpleData: { enable: true, idKey:"id", pIdKey:"pid" } }, callback: { onClick: zTreeOnClick } }; $(function(){ $.ajax({ url:"<%=request.getContextPath() %>/getDeptTree.action", data:{}, dataType:"json", type:"post", success:function(json){ $.fn.zTree.init($("#treeDemo"), setting, json); } }); }); function zTreeOnClick(event, treeId, treeNode) { var id = treeNode.id; var deptName = treeNode.name; alert(id+","+deptName); $("#dl").datagrid({ url:"<%=request.getContextPath()%>/getUserByDeptid.action?id="+id, columns:[[ {field:'id',title:'ID',width:100}, {field:'realname',title:'真实姓名',width:100}, {field:'loginname',title:'用户名',width:100}, {field:'asd',title:'职位',width:100}, {field:'mail',title:'邮箱',width:100}, {field:'sex',title:'性别',width:100}, {field:'tel',title:'电话',width:100}, {field:'qq',title:'QQ',width:100}, {field:'adddate',title:'入职日期',width:100}, {field:'lastlogin',title:'最后登录时间',width:100}, {field:'logintime',title:'访问次数',width:100}, {field:'caozuo',title:'操作',width:100} ]], fit:true, singleSelect:true }); }; </script> <div id="zuzhi" class="easyui-tabs" data-options="fit:true,border:false"> <div title="用户" style="display:none;"> <div id="用户" class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',title:'部门结构',collapsible:true" style="width:150px;"> <ul id="treeDemo" class="ztree"> </ul> </div> <div data-options="region:'center'" style="padding:5px;background:#eee;"> <table id="dl"> <!-- <thead> <tr> <th data-options="field:'id',width:100">ID</th> <th data-options="field:'realname',width:100,editor:'text'">真实姓名</th> <th data-options="field:'loginname',width:100,editor:'text'">用户名</th> <th data-options="field:'asd',width:100,editor:'text'">职位</th> <th data-options="field:'mail',width:100,editor:'text'">邮箱</th> <th data-options="field:'sex',width:100,editor:'text'">性别</th> <th data-options="field:'tel',width:100,editor:'text'">电话</th> <th data-options="field:'qq',width:100,editor:'text'">QQ</th> <th data-options="field:'adddate',width:100,editor:'text'">入职日期</th> <th data-options="field:'lastlogin',width:100,editor:'text'">最后登录时间</th> <th data-options="field:'logintime',width:100,editor:'text'">访问次数</th> <th data-options="field:'caozuo',width:100">操作</th> </thead> --> </table> </div> </div> </div> <div title="权限" data-options="" style="display:none;"> 权限 </div> <div title="公司" data-options="" style="display:none;"> 公司 </div> <div title="动态" data-options="" style="display:none;"> 动态 </div> </div> ``` 大牛帮看看什么原因

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

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

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

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

CSDN:因博主近期注重写专栏文章(已超过150篇),订阅博主专栏人数在突增,近期很有可能提高专栏价格(已订阅的不受影响),提前声明,敬请理解!

CSDN:因博主近期注重写专栏文章(已超过150篇),订阅博主专栏人数在突增,近期很有可能提高专栏价格(已订阅的不受影响),提前声明,敬请理解! 目录 博客声明 大数据了解博主粉丝 博主的粉丝群体画像 粉丝群体性别比例、年龄分布 粉丝群体学历分布、职业分布、行业分布 国内、国外粉丝群体地域分布 博主的近期访问每日增量、粉丝每日增量 博客声明 因近期博主写专栏的文章越来越多,也越来越精细,逐步优化文章。因此,最近一段时间,订阅博主专栏的人数增长也非常快,并且专栏价

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

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

培训班出来的人后来都怎么样了?(二)

接着上回说,培训班学习生涯结束了。后面每天就是无休止的背面试题,不是没有头脑的背,培训公司还是有方法的,现在回想当时背的面试题好像都用上了,也被问到了。回头找找面试题,当时都是打印下来天天看,天天背。 不理解呢也要背,面试造飞机,上班拧螺丝。班里的同学开始四处投简历面试了,很快就有面试成功的,刚开始一个,然后越来越多。不知道是什么原因,尝到胜利果实的童鞋,不满足于自己通过的公司,嫌薪水要少了,选择...

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

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

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

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

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

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

工作八年,月薪60K,裸辞两个月,投简历投到怀疑人生!

近日,有网友在某职场社交平台吐槽,自己裸辞两个月了,但是找工作却让自己的心态都要崩溃了,全部无果,不是已查看无回音,就是已查看不符合。 “工作八年,两年一跳,裸辞两个月了,之前月薪60K,最近找工作找的心态崩了!所有招聘工具都用了,全部无果,不是已查看无回音,就是已查看不符合。进头条,滴滴之类的大厂很难吗???!!!投简历投的开始怀疑人生了!希望 可以收到大厂offer” 先来看看网...

97年世界黑客编程大赛冠军作品(大小仅为16KB),惊艳世界的编程巨作

这是世界编程大赛第一名作品(97年Mekka ’97 4K Intro比赛)汇编语言所写。 整个文件只有4095个字节, 大小仅仅为16KB! 不仅实现了3D动画的效果!还有一段震撼人心的背景音乐!!! 内容无法以言语形容,实在太强大! 下面是代码,具体操作看最后! @echo off more +1 %~s0|debug e100 33 f6 bf 0 20 b5 10 f3 a5...

不要再到处使用 === 了

我们知道现在的开发人员都使用 === 来代替 ==,为什么呢?我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===。这些都...

什么是a站、b站、c站、d站、e站、f站、g站、h站、i站、j站、k站、l站、m站、n站?00后的世界我不懂!

A站 AcFun弹幕视频网,简称“A站”,成立于2007年6月,取意于Anime Comic Fun,是中国大陆第一家弹幕视频网站。A站以视频为载体,逐步发展出基于原生内容二次创作的完整生态,拥有高质量互动弹幕,是中国弹幕文化的发源地;拥有大量超粘性的用户群体,产生输出了金坷垃、鬼畜全明星、我的滑板鞋、小苹果等大量网络流行文化,也是中国二次元文化的发源地。 B站 全称“哔哩哔哩(bilibili...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

MySQL性能优化(五):为什么查询速度这么慢

前期回顾: MySQL性能优化(一):MySQL架构与核心问题 MySQL性能优化(二):选择优化的数据类型 MySQL性能优化(三):深入理解索引的这点事 MySQL性能优化(四):如何高效正确的使用索引 前面章节我们介绍了如何选择优化的数据类型、如何高效的使用索引,这些对于高性能的MySQL来说是必不可少的。但这些还完全不够,还需要合理的设计查询。如果查询写的很糟糕,即使表结构再合理、索引再...

用了这个 IDE 插件,5分钟解决前后端联调!

点击上方蓝色“程序猿DD”,选择“设为星标”回复“资源”获取独家整理的学习资料!作者 |李海庆我是一个 Web 开发前端工程师,受到疫情影响,今天是我在家办公的第78天。开发了两周,...

大厂的 404 页面都长啥样?最后一个笑了...

每天浏览各大网站,难免会碰到404页面啊。你注意过404页面么?猿妹搜罗来了下面这些知名网站的404页面,以供大家欣赏,看看哪个网站更有创意: 正在上传…重新上传取消 腾讯 正在上传…重新上传取消 网易 淘宝 百度 新浪微博 正在上传…重新上传取消 新浪 京东 优酷 腾讯视频 搜...

【高并发】高并发秒杀系统架构解密,不是所有的秒杀都是秒杀!

网上很多的文章和帖子中在介绍秒杀系统时,说是在下单时使用异步削峰来进行一些限流操作,那都是在扯淡! 因为下单操作在整个秒杀系统的流程中属于比较靠后的操作了,限流操作一定要前置处理,在秒杀业务后面的流程中做限流操作是没啥卵用的。

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

Java14 新特性解读

Java14 已于 2020 年 3 月 17 号发布,官方特性解读在这里:https://openjdk.java.net/projects/jdk/14/以下是个人对于特性的中文式...

爬虫(101)爬点重口味的

小弟最近在学校无聊的很哪,浏览网页突然看到一张图片,都快流鼻血。。。然后小弟冥思苦想,得干一点有趣的事情python 爬虫库安装https://s.taobao.com/api?_ks...

疫情后北上广深租房价格跌了吗? | Alfred数据室

去年3月份我们发布了《北上广深租房图鉴》(点击阅读),细数了北上广深租房的各种因素对租房价格的影响。一年过去了,在面临新冠疫情的后续影响、城市尚未完全恢复正常运转、学校还没开学等情况下...

面试官给我挖坑:a[i][j] 和 a[j][i] 有什么区别?

点击上方“朱小厮的博客”,选择“设为星标”后台回复&#34;1024&#34;领取公众号专属资料本文以一个简单的程序开头——数组赋值:int LEN = 10000; int[][] ...

又一起程序员被抓事件

就在昨天互联网又发生一起让人心酸的程序员犯罪事件,著名的百度不限速下载软件 Pandownload PC 版作者被警方抓获。案件大致是这样的:软件的作者不仅非法盗取用户数据,还在QQ群进...

应聘3万的职位,有必要这么刁难我么。。。沙雕。。。

又一次被面试官带到坑里面了。面试官:springmvc用过么?我:用过啊,经常用呢面试官:springmvc中为什么需要用父子容器?我:嗯。。。没听明白你说的什么。面试官:就是contr...

太狠了,疫情期间面试,一个问题砍了我5000!

疫情期间找工作确实有点难度,想拿到满意的薪资,确实要点实力啊!面试官:Spring中的@Value用过么,介绍一下我:@Value可以标注在字段上面,可以将外部配置文件中的数据,比如可以...

Intellij IDEA 美化指南

经常有人问我,你的 IDEA 配色哪里搞的,我会告诉他我自己改的。作为生产力工具,不但要顺手而且更要顺眼。这样才能快乐编码,甚至降低 BUG 率。上次分享了一些 IDEA 有用的插件,反...

【相亲】96年程序员小哥第一次相亲,还没开始就结束了

颜值有点高,条件有点好

太厉害了,终于有人能把TCP/IP 协议讲的明明白白了

一图看完本文 一、 计算机网络体系结构分层 计算机网络体系结构分层 计算机网络体系结构分层 不难看出,TCP/IP 与 OSI 在分层模块上稍有区别。OSI 参考模型注重“通信协议必要的功能是什么”,而 TCP/IP 则更强调“在计算机上实现协议应该开发哪种程序”。 二、 TCP/IP 基础 1. TCP/IP 的具体含义 从字面意义上讲,有人可能会认为...

腾讯面试题: 百度搜索为什么那么快?

我还记得去年面腾讯时,面试官最后一个问题是:百度/google的搜索为什么那么快? 这个问题我懵了,我从来没想过,搜素引擎的原理是什么 然后我回答:百度爬取了各个网站的信息,然后进行排序,当输入关键词的时候进行文档比对……巴拉巴拉 面试官:这不是我想要的答案 我内心 这个问题我一直耿耿于怀,终于今天,我把他写出来,以后再问,我直接把这篇文章甩给他!!! 两个字:倒排,将贯穿整篇文章,也是面试官...

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问