EXTJS grid 绑定数据的问题

[yajun_snow]

刚接触EXTJS，请问给grid动态绑定数据怎么绑定。
EX:
a.aspx---->返回DATASET

public DataSet return()
{
return getdata();
}
//-------------
grid.js 中怎么接收？

var store = new Ext.data.Store 这部分不了解。能不能给我个例子

[tobyzhou]

dojochina.com
上面有EXTJS最简单的入门教程，我当时就是看这个过来的。

[yajun_snow]

TO :Ghost_520
按照你的例子进行相应的调整后，还是没有反映。


是不是EXTJS 的grid 只能绑定xml，.net的datatst或者datatable都能填充啊 ？
谁给个可以运行的例子。

-------------------------
a.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
DataSet ds = GetData();
Response.Write(ds);
}
grid.js


Ext.onReady(function(){

var sm = new Ext.grid.CheckboxSelectionModel();

var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'Item_No',dataIndex:'Item_No'},
{header:'DescriptionE',dataIndex:'DescriptionE'},
{header:'DescriptionC',dataIndex:'DescriptionC'}

]);
cm.defaultSortable = true;

var store=new Ext.data.JsonStore({
// autoLoad : true,
url: "WebForm1.aspx",
fields: [ 'Item_No','DescriptionE','DescriptionC']
});

/*
加载数据,
参数： flag:all 表示查询所有的数据
*/
store.load({params:{flag:'all'}});

var sm = new Ext.grid.CheckboxSelectionModel();

var colM = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), //自动行号
sm,
{header:"Item_No",sortable: true,dataIndex:"Item_No"},
{header:"DescriptionE",sortable: true,dataIndex:"DescriptionE"},
{header:"DescriptionC",sortable: true,dataIndex:"DescriptionC"}
]);

var gridConacterInfo = new Ext.grid.GridPanel({
cm : colM,
sm : sm,
store : store,
height: 468,
width : 820,
collapsible: true,
autoScroll:true,
loadMask:true,
animCollapse: false,
iconCls: 'icon-grid',
listeners : {
rowdblclick : function( grid , rowIndex , e){
// 获得行数据
var record = grid.getStore().getAt(rowIndex);

dbClickviewConacterInfo(record ,"查看联系人信息");
}
}
});


});

//--------------

[Ghost_520]

1，store.load({params:{flag:'all'}}); 如果你的 grid 不需要传入参数可以直接写 ： store.load();

2，浏览器输入： http://localhost:port/webroot/WebForm1.aspx 看看返回的 json 格式是什么，贴上来。

[Ghost_520]

var store=new Ext.data.JsonStore({
			//	autoLoad : true,
			 	url: "<%=path%>/contacterManage.do?action=findAllContacter",
		 	 	fields: [  'groupName','groupId','id','text','contacterNumber','contacterBirthday','contacterAddress','contacterCompanyName'
		 	 					,'contacterCompanyAddress','contacterFax','contacterEmail','contacterZipCode','contacterRemarks']
			});
			
			/*
				加载数据,
				参数： flag:all 表示查询所有的数据
			*/ 
			store.load({params:{flag:'all'}});     
         
         	var sm = new Ext.grid.CheckboxSelectionModel(); 
         	
        	var colM = new Ext.grid.ColumnModel([
        		new Ext.grid.RowNumberer(), //自动行号
            	sm,   
            	{header:"所在组",sortable: true,dataIndex:"groupName"},
             	{header:"姓名",sortable: true,dataIndex:"text"},                                    
             	{header:"手机号码",sortable: true,dataIndex:"contacterNumber"},
             	{header:"生日",sortable: true,dataIndex:"contacterBirthday"},
             	{header:"地址",sortable: true,dataIndex:"contacterAddress"},
             	{header:"公司名称",sortable: true,dataIndex:"contacterCompanyName"},
             	{header:"公司地址",sortable: true,dataIndex:"contacterCompanyAddress"},
             	{header:"传真",sortable: true,dataIndex:"contacterFax"},
             	{header:"邮箱",sortable: true,dataIndex:"contacterEmail"},
             	{header:"邮编",sortable: true,dataIndex:"contacterZipCode"},
             	{header:"备注",sortable: true,dataIndex:"contacterRemarks"}
        	]);
         
         	var gridConacterInfo = new Ext.grid.GridPanel({
              	cm : colM,
              	sm : sm,
              	store : store,
	            height: 468,
	            width : 820,
              	collapsible: true,
              	autoScroll:true,
              	loadMask:true,             	 
              	animCollapse: false,
              	iconCls: 'icon-grid',
              	listeners : {
        			rowdblclick  : function( grid , rowIndex , e){
        			    // 获得行数据
   						var record = grid.getStore().getAt(rowIndex);   						
    					
        				dbClickviewConacterInfo(record ,"查看联系人信息");
        			}
        		}                         
         	});

[thefirstwind]

var store = new Ext.data.Store
中的
1 用proxy调用后台ajax action
2 读取jsonstring

[yougucao379548695]

建议楼主还是高点初级教程看看吧。推荐楼主看DojoChina出的视频讲座很好很强大

[zenggezhuang]

这样后台就能和前台的grid进行绑定吗？