怎样在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标签中选中的值呢 ? 谢谢大神!!!
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
爬虫福利二 之 妹子图网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)
HashMap容器从字面的理解就是,基于Hash算法构造的Map容器。从数据结构的知识体系来说,HashMap容器是散列表在Java中的具体表达(并非线性表结构)。具体来说就是,利用K-V键值对中键对象的某个属性(默认使用该对象的“内存起始位置”这一属性)作为计算依据进行哈希计算(调用hashCode方法),然后再以计算后的返回值为依据,将当前K-V键值对在符合HashMap容器构造原则的基础上,放置到HashMap容器的某个位置上,且这个位置和之前添加的K-V键值对的存储位置完全独立,不一定构成连续的存储
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,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
Python 基础(一):入门必备知识
Python 入门必备知识,你都掌握了吗?
深度学习图像算法在内容安全领域的应用
互联网给人们生活带来便利的同时也隐含了大量不良信息,防范互联网平台有害内容传播引起了多方面的高度关注。本次演讲从技术层面分享网易易盾在内容安全领域的算法实践经验,包括深度...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 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...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱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的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
"狗屁不通文章生成器"登顶GitHub热榜,分分钟写出万字形式主义大作
前言 GitHub 被誉为全球最大的同性交友网站,……,陪伴我们已经走过 10+ 年时间,它托管了大量的软件代码,同时也承载了程序员无尽的欢乐。 上周给大家分享了一篇10个让你笑的合不拢嘴的Github项目,而且还拿了7万+个Star哦,有兴趣的朋友,可以看看, 印象最深刻的是 “ 呼吸不止,码字不停 ”: 老实交代,你是不是经常准备写个技术博客,打开word后瞬间灵感便秘,码不出字? 有什么
推荐几款比较实用的工具,网站
1.盘百度PanDownload 这个云盘工具是免费的,可以进行资源搜索,提速(偶尔会抽风????) 不要去某站买付费的???? PanDownload下载地址 2.BeJSON 这是一款拥有各种在线工具的网站,推荐它的主要原因是网站简洁,功能齐全,广告相比其他广告好太多了 bejson网站 3.二维码美化 这个网站的二维码美化很好看,网站界面也很...
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问