怎么在easyUI的datagrid里面的toolbar自定义一个查询下拉列表,并onChange触发

谁来告诉我,我怎么在easyUI的数据表格的toolbar里面自定义一个工具,类似查询,但是是下拉列表的。
下面3个值,审核通过,未通过,未审核。值分别为 -2 -3 -1
然后onChange事件触发查询。并且是根据设置的响应值来查询。

帮我定义一下这个工具就行,事件这些不用~(≧▽≦)/~啦啦啦。

1个回答

toolbar:[{
text: '请选择<select size="1" id="select" name="select"><option>广州</option>
<option>深圳</option></select>'
}, {
text: '<input type="text" id="address"/>'
}, {
id: 'searchBtn',
text: 'search',
iconCls: 'icon-query',
handler: function(){
query();
}
}],

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyUI中的datagrid上方的toolbar按钮如何实现页面跳转
在easyUI中的表格datagrid上方用toolbar定义了一排按钮,其中有删除,增加,修改,还有一个是点击之后跳转到其他页面,用panel来写却跳转不了,该如何解决啊
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中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 中点击超连接出来一个表格
$("#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 排序如何做
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的表头放在左边?
因为只有一条数据,所以准备竖着显示。 这是我用的那个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>
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获取到的数据,数据移到另一个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 宽度显示问题
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 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 的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也不显示出来,不知道该怎么做了
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 怎样使用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的,combobox的首选项的值作为queryParams传到后台
``` <script type="text/javascript"> $(function () { $('#parkArea').combobox({ url: '/VenueVehicle/LoadParkingAreas', valueField: 'PARKING_AREA_ID', textField: 'NAME', panelHeight: 'auto', editable: false, onLoadSuccess: function () { var data = $('#parkArea').combobox('getData'); if (data.length > 0) { $('#parkArea').combobox('select', data[0].PARKING_AREA_ID); } } }); $('#dgVenueVehicle').datagrid({ fitColumns: true, url: '/VenueVehicle/LoadVenueVehicle', idField: 'ENTERING_ID', toolbar: '#tb', autoSizeColumn: true, nowrap: true, resizable: true, pagination: true, singleSelect: true, rownumbers: true, queryParams: { parkArea: $('#parkArea').combobox('getValue') }, pageSize: 10, pageNumber: 1, pageList: [10, 15, 20], columns: [[ { field: 'VEHICLE_LICENSE_PLATE_NO', title: '车牌号码', width: 100 }, { field: 'VEHICLE_TYPE_NAME', title: '车辆类型', width: 100 }, { field: 'ENTER_TIME', title: '进入时间', width: 100 }, { field: 'PARK_AREA_NAME', title: '停车区域', width: 100 } ]], onClickRow: function (index, row) { if (row.PIC_URL == null) { $('#imgEntering').attr("src", ""); } else { var enteringUrl = row.PIC_URL; var enteringName = enteringUrl.match(/[^\/]*$/)[0]; $('#imgEntering').attr("src", enteringUrl.replace(enteringName, $URL.encode(enteringName))); } }, onLoadSuccess: function (data) { var dd = $.parseJSON(data) alert(data.rows[0].VEHICLE_LICENSE_PLATE_NO); } }); }) </script> ``` 方法好像是加载完combobox后,并没有加载onLoadSuccess,就加载了datagrid
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(){ }
相见恨晚的超实用网站
搞学习 知乎:www.zhihu.com 简答题:http://www.jiandati.com/ 网易公开课:https://open.163.com/ted/ 网易云课堂:https://study.163.com/ 中国大学MOOC:www.icourse163.org 网易云课堂:study.163.com 哔哩哔哩弹幕网:www.bilibili.com 我要自学网:www.51zxw
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
引言 本文主要是记录一下面试字节跳动的经历。 三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时
开源一个功能完整的SpringBoot项目框架
福利来了,给大家带来一个福利。 最近想了解一下有关Spring Boot的开源项目,看了很多开源的框架,大多是一些demo或者是一个未成形的项目,基本功能都不完整,尤其是用户权限和菜单方面几乎没有完整的。 想到我之前做的框架,里面通用模块有:用户模块,权限模块,菜单模块,功能模块也齐全了,每一个功能都是完整的。 打算把这个框架分享出来,供大家使用和学习。 为什么用框架? 框架可以学习整体
源码阅读(19):Java中主要的Map结构——HashMap容器(下1)
(接上文《源码阅读(18):Java中主要的Map结构——HashMap容器(中)》) 3.4.4、HashMap添加K-V键值对(红黑树方式) 上文我们介绍了在HashMap中table数组的某个索引位上,基于单向链表添加新的K-V键值对对象(HashMap.Node&lt;K, V&gt;类的实例),但是我们同时知道在某些的场景下,HashMap中table数据的某个索引位上,数据是按照红黑树
c++制作的植物大战僵尸,开源,一代二代结合游戏
    此游戏全部由本人自己制作完成。游戏大部分的素材来源于原版游戏素材,少部分搜集于网络,以及自己制作。 此游戏为同人游戏而且仅供学习交流使用,任何人未经授权,不得对本游戏进行更改、盗用等,否则后果自负。 目前有六种僵尸和六种植物,植物和僵尸的动画都是本人做的。qq:2117610943 开源代码下载 提取码:3vzm 点击下载--&gt; 11月28日 新增四种植物 统一植物画风,全部修
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成喔~) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
深度学习图像算法在内容安全领域的应用
互联网给人们生活带来便利的同时也隐含了大量不良信息,防范互联网平台有害内容传播引起了多方面的高度关注。本次演讲从技术层面分享网易易盾在内容安全领域的算法实践经验,包括深度学习图
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程实用技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法,并会持续更新。
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
"狗屁不通文章生成器"登顶GitHub热榜,分分钟写出万字形式主义大作
GitHub 被誉为全球最大的同性交友网站,……,陪伴我们已经走过 10+ 年时间,它托管了大量的软件代码,同时也承载了程序员无尽的欢乐。 万字申请,废话报告,魔幻形式主义大作怎么写?兄dei,狗屁不通文章生成器了解一下。这个富有灵魂的项目名吸引了众人的目光。项目仅仅诞生一周,便冲上了GitHub趋势榜榜首(Js中文网 -前端进阶资源教程)、是榜首哦
推荐几款比较实用的工具,网站
1.盘百度PanDownload 这个云盘工具是免费的,可以进行资源搜索,提速(偶尔会抽风????) 不要去某站买付费的???? PanDownload下载地址 2.BeJSON 这是一款拥有各种在线工具的网站,推荐它的主要原因是网站简洁,功能齐全,广告相比其他广告好太多了 bejson网站 3.二维码美化 这个网站的二维码美化很好看,网站界面也很...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
相关热词 如何提升c#开发能力 矩阵乘法c# c#调用谷歌浏览器 c# 去空格去转义符 c#用户登录窗体代码 c# 流 c# linux 可视化 c# mvc 返回图片 c# 像素空间 c# 日期 最后一天
立即提问