怎样在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>

是动态获取数据的,怎样给倒数第二列添加下拉框

1个回答

$('#data').datagrid({

//url: 'memberInfo.ashx',
columns: [[

            { field: 'cbo_memberInfo', checkbox: true },
            { field: 'ID', title: 'ID', width: 100, hidden: true },
            { field: 'Suoshu', width: 100,
                editor: {
                        type: 'combobox',
                        options: {
                            required: true,
                            editable:false,
                            missingMessage: '请选择',
                            url: 'combobox的数据',                       
                            valueField: 'name',
                            textField: 'value1',
                            panelHeight: 100
                        }
                    }
            }

        ]]

})

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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 的combobox 保存成功之后不显示text的值
easyUi datagrid 的combobox 保存成功之后显示的是value值,但我想要的是text值。 Combobox是用 var products = [ { productid: '0', name: '启用' }, { productid: '1', name: '禁用' }, ]; { field: 'States1', title: 'State(状态)', width: 200, editor: { type: 'combobox', options: { valueField: 'productid', textField: 'name', data: products, required: true } } }, 这样方式直接拼出来的。希望各位大虾帮帮忙
easyui datagrid 中combobox显示问题
我的列表中有个下拉框当选择一项后页面上所显示的是代码而不是文字,我的下拉框代码如下:function addEditorPosition(){ ``` $("#borrow_detailinfo").datagrid('addEditor',{ field:'borrow_type',title:'借款类型',width:150,align:'center', formatter: unitformatter, editor:{ type:'combobox', //设置下拉框 options:{ //url:cusUrl, //ajax请求配置下拉框选项 data:positions, valueField : 'enname', //存储字段码 textField : 'cnname', //显示字段值 required : true, editable : false, onSelect:function(record){ //选择后结束行编辑 } } } }); } ``` 匹配的方法代码如下: ``` function unitformatter(value) { for (var i = 0; i < positions.length; i++) { if (positions[i].enname == value) { alert(value); return positions[i].enname; } } return value; } ``` 这个方法干脆就不走,求大神,求帮助。
EasyUi 可编辑datagrid combobox动态绑定值
datagrid 中combobox绑定的值随外界条件动态绑定
easyui 中 给datagrid 加载数据,combobox无法显示问题
本身datagrid默认是编辑模式的,其中COMBOBOX没有显示加载的数据 列明生成方法 ``` function GetGrid(str) { var Cloun = []; var colum = {}; //生成隐藏咧 colum["field"] = "SB_ID"; colum["hidden"] = "true"; Cloun.push(colum); colum = {}; //生成项目名称 colum["field"] = "RW_ID"; colum["width"] = "20%"; colum["title"] = "项目名称"; colum["formatter"] = function (value, row) { return row.RW_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'RW_ID', textField: 'RW_MC', method: 'get', data: RWBind(), onChange: function (data) { ChangesxlxLIST(data); } } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "SJLX_ID"; colum["width"] = "10%"; colum["title"] = "事件类型"; colum["formatter"] = function (value, row) { return row.SJLX_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'SJLX_ID', textField: 'SJLX_MC', method: 'get', data: [] } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "GZLX_ID"; colum["width"] = "10%"; colum["title"] = "工作类型"; colum["formatter"] = function (value, row) { return row.GZLX_MC; }; colum["editor"] = { type: 'combobox', options: { valueField: 'GZLX_ID', textField: 'GZLX_MC', method: 'get', data: GZLXBind(str), onChange: function (data) { ChangeJF(data); } } }; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_NR"; colum["width"] = "29%"; colum["title"] = "事件内容"; colum["editor"] = "textbox"; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_ST"; colum["width"] = "8%"; colum["align"] = "center"; colum["title"] = "开始时间"; colum["editor"] = { type: 'datebox' }; colum["formatter"] = formatDatebox; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_ET"; colum["width"] = "8%"; colum["align"] = "center"; colum["title"] = "结束时间"; colum["editor"] = { type: 'datebox' }; colum["formatter"] = formatDatebox; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_WORK"; colum["width"] = "5%"; colum["align"] = "center"; colum["title"] = "工作量"; colum["editor"] = { type: 'numberbox', options: { precision: 1 } }; Cloun.push(colum); colum = {}; //生成事件内容 colum["field"] = "SBSP_SCORE"; colum["width"] = "5%"; colum["align"] = "center"; colum["title"] = "积分"; colum["editor"] = { type: 'numberbox', options: { precision: 1 } }; Cloun.push(colum); colum = {}; //生成事件类型 colum["field"] = "SBSP_WCD"; colum["width"] = "5%"; colum["title"] = "完成度"; colum["formatter"] = function (value, row) { return row.val; }; colum["editor"] = { type:'combobox', options:{ valueField:'text', textField:'val', method:'get', data:overD } }; Cloun.push(colum); $('#dg').datagrid({ columns: [Cloun] }); } ``` 数据加载模块 ``` if (retVal.length>0) { for (var i = 0; i < retVal.length; i++) { var data = {}; data["RW_ID"] = retVal[i]["RW_ID"]; data["SB_ID"] = retVal[i]["SB_ID"]; data["RY_ID"] = retVal[i]["SB_RY"]; data["RY_MC"] = retVal[i]["RY_MC"]; data["SBSP_ST"] = retVal[i]["SBSP_ST"].toCHString(false); data["SBSP_ET"] = retVal[i]["SBSP_ET"].toCHString(false); data["JRRY"] = retVal[i]["JRRY"]; data["SJLX_ID"] = retVal[i]["SJLX_ID"]; data["SJLX_MC"] = retVal[i]["SJLX_MC"]; data["SBSP_NR"] = retVal[i]["SBSP_NR"]; data["GZLX_MC"] = retVal[i]["GZLX_MC"]; data["SBSP_WCD"] = retVal[i]["SBSP_WCD"] + "%"; data["WORK_ID"] = retVal[i]["WORK_ID"]; data["SBSP_WORK"] = retVal[i]["SBSP_WORK"]; data["SBSP_SCORE"] = retVal[i]["SBSP_SCORE"]; data["ZGID"] = retVal[i]["ZGID"]; data["ZGMC"] = retVal[i]["ZGMC"]; data["XGID"] = retVal[i]["XGID"]; data["XGMC"] = retVal[i]["XGMC"]; dataDgData.push(data); } $('#dg').datagrid('loadData', dataDgData); ``` ![图片说明](https://img-ask.csdn.net/upload/201704/24/1493006213_385905.png)
easyui datagrid combobox联动的问题
editor:{ type: 'combobox', options: { panelHeight: 80, data:msgBackData, valueField: 'value', textField: 'text', onSelect:function(data){ if(data.value != 0){ var row = datagrid.datagrid('getSelected'); var rowIndex = datagrid.datagrid('getRowIndex',row);//获取行号 var target = datagrid.datagrid('getEditor', {'index':rowIndex,'field':'msgBack'}).target;//这行代码中 field获取的是哪的字段,现在这个代码是不能选中的 target.combobox('clear'); target.combobox("setValue","0"); target.hide(); } } } }
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 combobox 默认值的设置
datagrid的一个列为combobox,现在要在新增数据的设置他的默认值,如何设置? 或者说如何让他默认选中第一行 { field: 'NMK06', title: '性别', width: 100, align: 'center', editor: { type: 'combobox', options: { valueField: "value", textField: "text", data: [{ value: '请选择', text: '请选择'},{ value: '男', text: '男' },{ value: '女', text: '女' }], onLoadSuccess: function () { // $(this).combobox('setValue', '0'); // $(this).combobox('setText', '--请选择--'); }, panelHeight: '60' } }, sortable: true },
easyui datagrid combobox联动的问题
{ field: 'NMJ04', title: '夫妇姓名', width: 100, sortable: true, editor: {type: 'combobox', options: { required: true, url: '/handler/familyinfo.ashx?flag=treeClubNet&t=4', dataType: 'json', parentField: 'pid', textFiled: 'text', valueField: 'id', method: 'get', lines: true, editable: false, panelHeight: 130, onSelect: function (record) { var row = $('#dd').datagrid('getSelected'); var rowIndex = $('#dd').datagrid('getRowIndex',row);//获取行号 var target = $('#dd').datagrid('getEditor', {'index':rowIndex,'field':'NMJ05'});//.target; target.combobox('clear'); //清除原来的数据 var url = '/handler/spouseinfo.ashx?flag=getValueNMK06&t='+record.id; target.combobox('reload', url);//联动下拉列表重载 //这里还需要设置一个textbox的值,NMJ06,怎么办? }, panelMaxWidth: 200 } } }, NMJ04是姓名,选择了之后自动提出NMJ05(性别)和NMJ06,身份证号码 新增行和编辑行的时候怎么操作啊? 我新增时row的值直接是null,求教求教
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用combobox里的值改变其他列的值怎么写
我现在主要在onSelect中写了赋值其他单元格的语句,但是没显示
easyui combobox如何删除选中的项目
easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的选中的指定项目要怎么删除。 ![](http://www.w3dev.cn/imgblog/20170414/2241343167.png)
easyui datagrid combobox 一行选中一个值,其它行不能再选择,怎么实现 求帮助
easyui datagrid combobox 一行选中一个值,其它行不能再选择,怎么实现 求帮助
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使用url传值时只能显示value
$('#tt').datagrid({ title : 'Editable DataGrid', iconCls : 'icon-edit', width : 660, height : 250, singleSelect : true, idField : 'firstname', url : '../easyuitest/testjson/datagridtest.json', columns : [ [ { field : 'firstname', title : 'First Name', width : 60 }, { field : 'age', title : 'Age', width : 60 }, { field : 'mytest', title : 'My Test', width : 100, formatter : function(value, row, index) { //return row['text']; if (value == 0) { return ""; } for (var i = 0; i < jsondata.length; i++) { if (jsondata[i].id == value) { return jsondata[i].text; } } return value; }, editor : { type : 'combobox', options : { valueField : 'id', textField : 'text', //url : '../easyuitest/testjson/comboboxtest1.json',使用url取数据只会显示value值,无法显示text值。而直接使用json则可以 data : jsondata, required : true, } } }]] ``` ```
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
后台获取不到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标签中选中的值呢 ? 谢谢大神!!!
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
【资源】一个C/C++开发工程师的学习路线(已经无路可退,唯有逆风飞翔)【内附资源页】
声明: 1)该文章整理自网上的大牛和专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与增删。还望大家多多指点。大家都共享一点点,一起为祖国科研的推进...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
神级宝库!GitHub 标星 1.2w+,Chrome 最天秀的插件都在这里啦!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个沉迷 Chrome 不能自拔的蒟蒻… 作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥,当我第一次了解 Chrome 的时候,就被它的美貌给吸引住了… 就在我用了一段时间之后,我坚决的卸载了电脑上其它碍眼的浏览器,并觉得在之前的搬砖生涯中,我不配当哥,我只配是个沙雕… ...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
张朝阳回应迟到 1 分钟罚 500:资本家就得剥削员工
loonggg读完需要2分钟速读仅需 1 分钟大家我,我是你们的校长。前几天,搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单,就是搜狐出了“考勤新规”。一封搜狐对员工发布...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
立即提问