如何重载ext.gird里的数据

最新推荐文章于 2021-02-23 12:25:31 发布

fanpeii

最新推荐文章于 2021-02-23 12:25:31 发布

阅读量1.5k

点赞数

分类专栏： Ext 技术 HTML 网页制作文章标签： stylesheet header autoload function url json

本文链接：https://blog.csdn.net/fanpeii/article/details/7076873

版权

HTML 网页制作同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

Ext 技术

22 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
        <script type="text/javascript" src="../ext-all.js"></script>
        <title>获取json信息</title>
        <script type="text/javascript">
		var mystore;
		var myGird;
			Ext.onReady(main);
			function main()
			{
				
				//alert("定义数据模型");
				Ext.regModel("user",{
					fields: ['id','name','age'],
				});
				//alert("连接数据模型");
				mystore=new Ext.data.Store({
					autoLoad:true,
					model:'user',
					proxy: 
					{
		    			type : 'ajax',
		        		url : 'myjson.txt',
						reader:'json'
		    		}
					});
				//通过代理读取数据
				myGird=Ext.create('Ext.grid.Panel',{
					title : '简单Grid表格示例',
					renderTo: Ext.getBody(),
					width:250,
					//height:400,
					frame:true,
					viewConfig: 
					{
						forceFit : true,
						stripeRows: true//在表格中显示斑马线
					},
					store:mystore,
					columns: 
					[//配置表格列
						{header: "id", width: 60, dataIndex: 'id', sortable: true},
						{header: "姓名", width: 80, dataIndex: 'name', sortable: true},
						{header: "年龄", width: 80, dataIndex: 'age', sortable: true}
					]
				});	
			}
			
			function change_store_url()
			{
				mystore.getProxy().url="myjson2.txt";
				mystore.load();
			};
		</script>
    	</head>
    	<body>
        <input id="my_b" type="button" value="点我改变url" οnclick="change_store_url()" />
        <div id="toolbar"></div>
    </body>
</html>

fanpeii

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何重载ext.gird里的数据

获取json信息 var mystore; var myGird; Ext.onReady(main); function main() { //alert("定义数据模型"); Ext.regModel("user",{ fields: ['id','name','age'], }); //alert
复制链接

扫一扫

专栏目录