网页布局四之jQuery-easyUI的datagrid的基本应用

    在使用easyuI时，要先引入四个包，在此就不重复了。

一、要使用easyui的datagrid一定要先在

或中引入class，例如：

在此段代码中不仅有要使用的jquery-easyUi的类型，还有其格式，在style中定义。

二、easyui的datagrid读取的数据类型为json格式。而我没有写后台的controll代码，所以，就要自己写一个json格式的数据文件。然后用url：'xx/xx/data.json'来引入数据。

三、若想在页面上修改数据，就必须要写上

onClickRow:onClickRow。

它是行点击属性。

四、要编辑数据，就要使用editor来定义文本类型。text为文本，number为数字，datebox为日期。如下代码：

引入结果图：

最后为完整代码：

	
	
	
	
	
	
	



	
表单

	


    
    

	

id	name	sex	age	hobby	出生日期（月/日/年）

id	name	sex	age	hobby	出生日期（月/日/年）

添加 删除 保存 撤销