jquery esqyUI datagrid editor:{type:'combobox'} 数据源

旧城等待， 2022-08-04 10:47 123阅读 0赞

<th 
    field="level" 
    width="80" 
    editor="{
    type:'combobox',
    options:{required:true,
    editable:false,
    data:
    [
    {'id':'1,'text':'高速公路'},
    {'id':'2','text':'一级公路'},
    'id':'3','text':'二级公路'},
    {'id':'4','text':'三级公路'}
    ],
    valueField:'id',
    textField:'text'}}">
    路线等级</th>

{
    	field : "unitId",
    	title : "单位",
    	width : 30,
    	align : "right",
    	sortable : true,
    	formatter : unitFormatter,
    	editor : {
    		type : "combobox",
    		options : {
    			data : unitJSON, /* unitJSON是JSON格式的对象数组 */
    			valueField : "value",/* value是unitJSON对象的属性名 */
    			textField : "name"/* name是unitJSON对象的属性名 */
    		}
    	}
    }, { /* datagrid其它字段配置.... */}

function unitFormatter(value, rowData, rowIndex) {
    		if (value == 0) {
    			return "";
    		}
    		for (var i = 0; i < unitJSON.length; i++) {
    			if (unitJSON[i].value == value) {
    				return unitJSON[i].name;
    			}
    		}
    		return value;
    	}

var unitJSON = [{
    			"name" : "个",
    			"value" : 2,
    			"id" : 5,
    			"group" : "UNIT_DDL"
    		}, {
    			"name" : "件",
    			"value" : 3,
    			"id" : 6,
    			"group" : "UNIT_DDL"
    		}, {
    			"name" : "公斤",
    			"value" : 23,
    			"id" : 35,
    			"group" : "UNIT_DDL"
    		}];

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery EasyUI 应用 - 创建 CRUD 数据网格（DataGrid）

在上一章节中，我们使用对话框（dialog）组件创建了 CRUD 应用来创建和编辑用户信息。本教程我们将告诉您如何创建一个 CRUD 数据网格（DataGrid）。我们将使用

我会带着你远行/ 2024年03月23日 13:53/ 0 赞/ 118 阅读

相关 jQuery easyui datagrid 的数据加载

这篇文章只谈jQuery easyui datagrid 的数据加载，因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式：一种是ajax加载目

╰半夏微凉°/ 2022年08月24日 11:47/ 0 赞/ 234 阅读

相关 jquery easyui datagrid data format

概要 jQuery EasyUI是一个基于jquery的集成了各种用户界面的框架,使用easyui我们不需要写太多javascript代

Bertha 。/ 2022年08月24日 11:47/ 0 赞/ 225 阅读

相关 jquery easyui datagrid 使用参考

原文地址：http://www.cnblogs.com/youring2/archive/2013/03/01/2938661.html [jquery easyui da

「爱情、让人受尽委屈。」/ 2022年08月11日 16:02/ 0 赞/ 228 阅读

相关 jquery easyui -datagrid(悬浮,隐藏)

document.getElementById(i).style.display ='block'; //获取当前页面里面id为i的标签，改变该标签的样式，使其满眶显示。

悠悠/ 2022年08月09日 09:46/ 0 赞/ 377 阅读

相关 jquery easyui DataGrid 数据表格属性

扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。依赖 panel

川长思鸟来/ 2022年08月07日 07:53/ 0 赞/ 267 阅读

相关 jquery esqyUI datagrid editor:{type:'combobox'} 数据源

<th field="level" width="80" editor="{ type:'combo

旧城等待，/ 2022年08月04日 10:47/ 0 赞/ 124 阅读

相关 jquery easyui datagrid实现数据修改

1、单击选中待修改行 ![Center][] 2、使用单独对话框修改数据 3、使用updateRow方法修改数据（注意这里只是修改了网页上显示的数据，并没有同步修改

梦里梦外;/ 2022年08月03日 05:13/ 0 赞/ 365 阅读

相关 jquery-EasyUI datagrid 换行

加上参数：nowrap: false,即可。如下代码： $("\userList").datagrid(\{ width: 'auto', hei

怼烎@/ 2022年07月12日 01:29/ 0 赞/ 344 阅读

相关 EasyUI的DataGrid绑定Json数据源

EasyUI给表格绑定数据是最常用的方法，小编分享一下总结出来的两种绑定表格方法，知识在于积累。第一种：数据存放在数据集中，每一行对应多个值，利用循环把数据绑定到表格

落日映苍穹つ/ 2022年06月03日 08:15/ 0 赞/ 234 阅读