Print Page - Simple implementation of Row Editing in DataGrid

Hi everybody :)

I am struggling on this example:

http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=

(To see what I talk about you need to select "Row Editing in DataGrid" on the left)

It looks like a simple datagrid loading data from json and a nice combobox loading data from a different json.

They work together nicely.

I've simply tried to do the same on my webserver:

http://pitto.dyndns.org/icompass/test.html

The thing won't work: initial data is not loaded in the combobox.
If I simply click so modify it then I see data in it.

I've just copied the example: what am I doing wrong?

sorry can't open your link,
but u should do the following like in examples:

Code:

  for the content of your combobox:

		var products = [
		    {productid:'FI-SW-01',name:'Koi'},
		    {productid:'K9-DL-01',name:'Dalmation'},
		    {productid:'RP-SN-01',name:'Rattlesnake'},
		    {productid:'RP-LI-02',name:'Iguana'},
		    {productid:'FL-DSH-01',name:'Manx'},
		    {productid:'FL-DLH-02',name:'Persian'},
		    {productid:'AV-CB-01',name:'Amazon Parrot'}
		];

Code:

  for defining the datagrid.

		$(function(){
			$('#tt').datagrid({
				title:'Editable DataGrid',
				iconCls:'icon-edit',
				width:660,
				height:250,
				singleSelect:true,
				idField:'itemid',
				url:'data/datagrid_data.json',
				columns:[[
					{field:'itemid',title:'Item ID',width:60},
					{field:'productid',title:'Product',width:100,
						formatter:function(value){
							for(var i=0; i<products.length; i++){
								if (products[i].productid == value) return products[i].name;
							}
							return value;
						},
						editor:{
							type:'combobox',
							options:{
								valueField:'productid',
								textField:'name',
								data:products,
								required:true
							}
						}
					}, .....

as you can see it uses the products json as data for the combo.
This works fine with me.

you find the example right here: http://www.jeasyui.com/tutorial/datagrid/datagrid12.php

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: ltpitt on March 03, 2014, 03:26:51 PM