码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI之DataGrid属性

时间:2018-04-14 18:06:29      阅读:1554      评论:0      收藏:0      [点我收藏+]

标签:att   else   combobox   方法   level   get   就会   格式化   efi   

1、editor属性

使用方法一:静态数据

<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>  

 使用方法二:动态数据

	<th data-options="field:‘productid‘,width:100,
			formatter:function(value,row){
				return row.productname;
			},
			editor:{
				type:‘combobox‘,
				options:{
					valueField:‘name‘,
					textField:‘value‘,
					method:‘get‘,
					url:‘products.json‘,
					required:true
				}
			}">Product</th>

  2、columns属性

 columns : [ {  
                field : ‘resourceId‘,  
                title : ‘菜单id‘,  
                width : 50,  
                sortable : true  
            }]

  3、formatter属性

1.基本用法 

单元格formatter(格式化器)函数,带3个参数:

value:字段值。 

row:行记录数据。

index: 行索引。

$(‘#dg‘).datagrid({
    columns:[{
    field:‘userId‘,
    title:‘User‘, width:80, formatter: function(value,row,index){ if (row.user){ return row.user.name; } else { return value; } } ] });

(1)value:可以在formatter函数中修改value的值,并在界面上展示修改后的值。 **注意:** 在这里对value的修改并不会改动后台数据,这个改动仅相当于对value的渲染。

(2)row:可以通过 row["field值"] 或者 row.field值 得到同一行其他列的值。可以是前面的列,也可以是后面的列。

(3)index:行索引。

(4)当多行数据的field值相同时,formatter就会失效。

 

EasyUI之DataGrid属性

标签:att   else   combobox   方法   level   get   就会   格式化   efi   

原文地址:https://www.cnblogs.com/zhumengke/p/8832900.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!