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

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

2个回答

跳后台,返还另一个页面。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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 编辑行后如何保存
<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选中的不是“请选择”
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的过程中,通过使用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的列中添加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里面的toolbar自定义一个查询下拉列表,并onChange触发
谁来告诉我,我怎么在easyUI的数据表格的toolbar里面自定义一个工具,类似查询,但是是下拉列表的。 下面3个值,审核通过,未通过,未审核。值分别为 -2 -3 -1 然后onChange事件触发查询。并且是根据设置的响应值来查询。 帮我定义一下这个工具就行,事件这些不用~\(≧▽≦)/~啦啦啦。
easyui datagrid中combobox的问题
如下图: ![图片说明](https://img-ask.csdn.net/upload/201506/27/1435398138_950017.png) 这是后台编辑页面,作用为新闻的管理(新闻实体的字段“是否在前台显示”的值只有“是”和“否”)。 我想让“是否在首页显示”这一列下面都有一个combobox,默认值为数据库中真实的值。如果某条新闻的这个字段值为“是”,则对应的combobox还有一个值为“否”的option,反之对应的combobox还有一个值为“是”的option。 从网上找了一段代码实现不了,请问该如何改呢?求大神帮忙! //实现新闻DataGird控件的绑定操作 function initTable(queryData) { $('#test').datagrid({ //定位到Table标签,Table标签的ID是test fitColumns: true, url: '/News/QueryAllNews', //指向后台的Action来获取当前用户的信息的Json格式的数据 title: '新闻公告', //标识 iconCls: 'icon-save', height: 368, nowrap: true, autoRowHeight: false, striped: true, collapsible: true, pagination: true, rownumbers: true, //sortName: 'ID', //根据某个字段给easyUI排序 sortOrder: 'asc', remoteSort: false, idField: 'NewsID', queryParams: queryData, //异步查询的参数 columns: [[ { field: 'ck', checkbox: true }, { title: '主键', field: 'NewsID', sortable: true, hidden: true, }, { title: '内容标题', field: 'NewsTitle', width: 50, sortable: true }, { title: '具体内容', field: 'NewsContent', sortable: true, hidden: true, }, { title: '创建时间', field: 'TimeStamp', sortable: true, }, { title: '所属类别', field: 'CategoryName', sortable: true, }, { title: '创建人', field: 'UserName', sortable: true }, { title: '是否在首页显示', field: 'IsEnable', align: 'center', editor: { type: 'combobox', options: { data: [{ value: '是', text: '是', 'selected': 'true' }, { value: '否', text: '否' }], panelHeight: 'auto' } }, sortable: true } ]], toolbar: [{ id: 'btnadd', text: '添加', iconCls: 'icon-add', handler: function () { //实现弹出注册信息的页面 AddNews(); } }, '-', { id: 'btncut', text: '修改', iconCls: 'icon-cut', handler: function () { //实现修改的方法 UpdateLzjs(); } }, '-', { id: 'btnCancle', text: '删除', iconCls: 'icon-remove', handler: function () { //实现直接删除所有数据的方法 DeleteLzjs(); } }] }); }
easyui中datagrid的表头放在左边?
因为只有一条数据,所以准备竖着显示。 这是我用的那个datagrid的代码,我试过修改<th></th>标签,还有添加</br>,都不适用,我是刚开始学习的,比较小白,没什么C币,求大神带我飞: <table class="easyui-datagrid" id="companyInfoTable" name="companyInfoTable" title="租户信息表" style="width: 1100px; height: 450px" data-options=" rownumbers:true, singleSelect:true, url:'<%=request.getContextPath()%>/manager/selfinfoController/getSelfInfo.do', method:'get', toolbar:'#companyInfoTable_toolbar', pagination:true, fitColumns:true, "> <thead> <tr> <th data-options="field:'pkCompany',width:80,hidden:true">公司编号</th> <th data-options="field:'companyName',width:120">公司名称</th> <th data-options="field:'companyAddr',width:120">公司地址</th> <th data-options="field:'telephone',width:80">联系电话</th> <th data-options="field:'legalPerson',width:80">公司负责人</th> <th data-options="field:'license',width:80">营业执照</th> <th data-options="field:'licenseSt',width:80">使用日期开始</th> <th data-options="field:'licenseFt',width:80">使用日期截止</th> <th data-options="field:'isuse',width:80,formatter:formatter1"><select id="isuseSelect" onchange="doSearch()"> <option value="">是否可用</option> <option value="1">是</option> <option value="0">否</option> </select></th> <th data-options="field:'remark',width:150">备注</th> </tr> </thead> </table>
springmvc将数据传递给easyui中的datagrid时数据库中的数据没有显示
这个list集合中的数据已经测试了,可以取到 @RequestMapping(value="/findCost",method=RequestMethod.POST) @ResponseBody public Object findCost(HttpServletRequest request) throws Exception{ List costs= costService.findAll(); return costs; } 有个一table id是dg,changeme为工程名,其中定义的列名都可以正常显示,但是post请求时报406错误,数据都不显示 $(function () { $('#dg').datagrid( { url :'/changeme/findCost', method : 'post', title : '资费列表', iconCls : 'icon-save', loadMsg : '数据加载中,请稍后......', fitColumns : true, striped : true, singleSelect : true, rownumbers : true, columns : [ [ { field : 'id', checkbox : true, width : 10 }, { field : 'name', title : '资费名称', width : 300, }, { field : 'baseDuration', title : '基本时长', width : 200, sortable :true }, { field : 'baseCost', title : '基本费用', width : 200, sortable :true }, { field : 'unitCost', title : '单位费用', width : 200, sortable :true }, { field : 'createTime', title : '创建时间', width : 200 }, { field : 'startTime', title : '开通时间', width : 200 }, { field : 'status', title : '状态', width : 200, formatter : function(value) { if (value == "0") { return "开通"; } else if (value=="1"){ return "暂停"; }else{ return null; } } } ] ], toolbar : [ { text : '添加', iconCls : 'icon-add', handler : function() { // 跳转到添加页面 $('#content').load('/addCost'); } }, '-', { text : '删除', iconCls : 'icon-remove', handler : function() { // 跳转到添加页面 var index = $('#dg input:checkbox').value; del(index); } }, '-', { text : '修改', iconCls : 'icon-edit', handler : function() { view(); } }] } ); } );
easyui datagrid 排序如何做
dataGrid = $('#dataGrid').datagrid({ url : '${ctx}' + '/player/OnlineGamers', striped : true, rownumbers : true, pagination : true, singleSelect : true, idField : 'id', sortName : 'role_id', sortOrder : 'asc', //降序 pageSize : 50, pageList : [ 10, 20, 30, 40, 50, 100, 200, 300, 400, 500 ], frozenColumns : [ [ { width : '100', title : '角色名', field : 'name', sortable : true },{ width : '100', title : 'vip等级', field : 'vipLevel', sortable : true 这个设置排序了但无效 },{ width : '100', title : '充值金额', field : 'money', sortable : true },{ width : '100', title : '等级', field : 'level', sortable : true } ] ], toolbar : '#toolbar' }); });
后台获取不到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 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 宽度显示问题
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获取到的数据,数据移到另一个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 hideColumn的问题,蛋疼好几天
``` <table id="dg" class="easyui-datagrid" toolbar="#tb" style="width:100%;height:100%;padding: 50px;" data-options="singleSelect:true,collapsible:true,url:'./getDocLib.action',method:'get'"> <thead> <tr> <th data-options="field:'title',align:'center',resizable:false" width="20%">标题</th> <th data-options="field:'handler',align:'center',resizable:false" width="10%">负责人</th> <th data-options="field:'size',align:'center',resizable:false" width="10%">大小</th> <th data-options="field:'modifydate',align:'center',resizable:false" width="15%">修改时间</th> <th data-options="field:'createdate',align:'center',resizable:false" width="15%">创建时间</th> </tr> </thead> </table> <script language="javascript"> $("#dg").datagrid("hideColumn", "title"); </script> ``` 这样隐藏列会报错啊 这是为啥啊。。求指导啊 报错信息: jquery.datagrid.js:987 Uncaught TypeError: Cannot read property 'options' of undefined
求大神如何在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 的load,loadData到底怎么用?感觉怎么用都不显示数据呢?
大哥们帮忙看看,下面是jsp代码 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="../plugins/easyui/themes/bootstrap/easyui.css"/> <link rel="stylesheet" type="text/css" href="../plugins/easyui/themes/icon.css"/> <link rel="stylesheet" type="text/css" href="../plugins/easyui/themes/color.css"/> <link rel="stylesheet" type="text/css" href="../plugins/easyui/demo/demo.css"/> <script type="text/javascript" src="../plugins/easyui/jquery.min.js"></script> <script type="text/javascript" src="../plugins/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../plugins/easyui/local/easyui-lang-zh_CN.js"></script> <style type="text/css"> </style> </head> <body> <table id='grid' class='easyui-datagrid' style='width:1100px;height:500px' title='用户列表' iconCls='icon-table' rownumbers='true' fitColumns='true' singleSelect='true' toolbar='#toolbar' > <thead> <tr> <th field='id' width='50' align='center'>id</th> <th field='name' width='70'align='center'>name</th> </tr> </thead> </table> </body> <script type="text/javascript"> var obj = {"total":2,"rows":[{id:"1",name:"一"},{id:"2",name:"二"}]}; $('#grid').datagrid('loadData',obj); </script> </html> ``` 使用load也不显示出来,不知道该怎么做了
使用jquery easyui datagrid请求servlet没有反应
我现在想使用jquery easyui datagrid做一个分页,功能,打算通过url请求后台的servlet返回json数据,可是怎么弄servlet就是没反应,望大侠们帮一下忙,感激不尽!! 代码如下: ``` datagrid代码: <script type="text/javascript"> $(function(){ $('#list_data').datagrid({ title:'日志列表', iconCls:'icon-edit', //图标 width:700, height:'auto', nowrap:false, striped:true, border:true, collapsible:false, fit:true, url:'listApp', //就是在这里没反应 listApp是我的servlet remoteSort:false, idField:'fldId', singleSelect:true, collapsible:true, pagination:true, rownumbers:true, frozenColumns:[[ {field:'ck',checkbox:true} ]], 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=$('#list_data').datagrid('getPager'); $(p).pagination({ pageSize:10, pageList:[5,10,15], beforePageText:'第', afterPageText:'页 共{pages}页', displayMsg:'当前显示 {from} - {to} 条记录 共{total} 条记录', }); </script> <body> <center> <table class="easyui-datagrid" id="list_data"> <thead> <tr> <th data-options="field:'id'">id</th> <th data-options="field:'ip'">ip</th> <th data-options="field:'picture1Name'">图片1</th> <th data-options="field:'picture2Name'">图片2</th> <th data-options="field:'picture1'">数据库图片1</th> <th data-options="field:'picture2'">数据库图片2</th> <th data-options="field:'simility'">相似度</th> <th data-options="field:'time'">上传时间</th> </tr> </thead> <tbody>...... ``` 下面是servlet代码: @WebServlet("/listApp") public class listApp extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request,response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("---------执行servlet-----------"); String page=request.getParameter("page"); String rows=request.getParameter("rows"); System.out.println(page); System.out.println(rows); int intPage = Integer.parseInt((page == null || page == "0") ? "1":page); int number = Integer.parseInt((rows == null || rows == "0") ? "10":rows); int start=(intPage-1)*number; getuploadLogService service=new getuploadLogServiceImpl(); ArrayList<uploadLog> logs=service.getpageData(start, number); Map<String,Object> jsonMap=new HashMap<String,Object>(); jsonMap.put("total", service.getCount()); jsonMap.put("rows",logs); response.setContentType("application/json"); JSONObject result=JSONObject.fromObject(jsonMap); System.out.println(result.toString()); response.getWriter().write(result.toString()); }
easyui datagrid 如何分页?后台已经返回 total和rows了
前台: <div> <table id="dg" title="投诉信息" class="easyui-datagrid" style="width:100%px;height:320px" url="ashx/complaint/ComplaintActionHandler.ashx" pagination="true" rownumbers="true" toolbar="#toolbar"rownumbers="true" fitColumns="true" singleSelect="true"> <thead> <tr> <th data-options="field:'complaint_id',width:100"> 投诉编号 </th> <th data-options="field:'holderName',width:100"> 用户名称 </th> <th data-options="field:'compDate',width:100"> 投诉时间 </th> <th data-options="field:'compContent',width:100"> 投诉内容 </th> <th data-options="field:'dealMan',width:100"> 处理人员 </th> <th data-options="field:'Isdeal',width:100" formatter="statusFormat"> 状 态 </th> </tr> </thead> </table> </div> ``` ``` 属性:pagination="true"已经设置了呀?? 求解答,谢谢各位! ![图片说明](https://img-ask.csdn.net/upload/201506/23/1435067155_936847.jpg)
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python 简易微信实现(注册登录+数据库存储+聊天+GUI+文件传输)
socket+tkinter详解+简易微信实现 历经多天的努力,查阅了许多大佬的博客后终于实现了一个简易的微信O(∩_∩)O~~ 简易数据库的实现 使用pands+CSV实现数据库框架搭建 import socket import threading from pandas import * import pymysql import csv # 创建DataFrame对象 # 存储用户数据的表(...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
相关热词 c#委托 逆变与协变 c#新建一个项目 c#获取dll文件路径 c#子窗体调用主窗体事件 c# 拷贝目录 c# 调用cef 网页填表c#源代码 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天
立即提问