`

store转化为json形式填充html的table空间

 
阅读更多
store转化为json形式:



function storeToJson(store){  
    var arr;  
    if(store instanceof Ext.data.Store){  

        arr= new Array();  
        store.each(function(record){  
               // alert(record);
                arr.push(record.data);  
            });  
    }else if(store instanceof Array){  

        arr = new Array();  
        Ext.each(store,function(record){  
            arr.push(record.data);  
        });  
    }  
    return Ext.encode(arr);  
}

 

json填充html的table空间:

<script type="text/javascript">
	var jsondata=<%=request.getParameter("jsondata")%>;
	function initdata(){
		var tbody=document.getElementById("tableid");
		for(var d in jsondata){
			/**
			var zgdistrict = jsondata[d].zgdistrictcode;
			var spcount = jsondata[d].spcount; 
			var sumqs = jsondata[d].sumqs;
			var yp = jsondata[d].yp;
			var yhck = jsondata[d].yhck;
			var sc = jsondata[d].sc;
			var cd = jsondata[d].cd;
			var qtsr = jsondata[d].qtsr;
			var memo = jsondata[d].memo;
		*/
		
			var tr=document.createElement("TR");
			for(var key in jsondata[d]){
				var td=document.createElement("TD");
				var text=document.createTextNode(jsondata[d][key]);
				td.appendChild(text);
				tr.appendChild(td);
			}
			tbody.appendChild(tr);
		}
	}
	
</script>
</head>
<body onload="initdata()">
	<br>
	<dir id="doc_title" >契税收入日报</dir>
	<BR>
	<BR>
	<table>
		<tr>
			<td colspan="2">征收机构:<div id="zgdistrict1" style="display: inline"></div></td>
			<td colspan="5">日期:<div id="date" style="display: inline"></div></td>
			<td colspan="2">单位&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张、元</td>
		</tr>
		<tr>
			<td colspan="9">
				<table align="center" width="950" border="1" bordercolor="#0000FF" style="border-collapse: collapse;font-size: 18px">
					<tr>
						<td  rowspan="2">区县</td>
						<td  rowspan="2">税票(张)</td>
						<td  rowspan="2">税款收入</td>
						<td  rowspan="2">银票(张)</td>
						<td  rowspan="2">银行存款</td>
						<td  colspan="2">暂存款</td>
						<td  rowspan="2">其他收入</td>
						<td  rowspan="2">备注</td>
					</tr>
					<tr>
						<td>收存</td>
						<td>冲抵</td>
					</tr>
					<tbody id="tableid">

					</tbody>
				</table>
			</td>
		</tr>
		<tr>
			<td colspan="3">窗口经办人:š</td>
			<td colspan="3">银行经手人:</td>
			<td colspan="3">收票人:š</td>
		</tr>
	</table>
</body>

 

分享到:
评论

相关推荐

    使用html标签、jQuery-EasyUI和Ext4分别展示json数据的效果

    首先,你需要将JSON数据转化为服务器响应格式,然后在JavaScript中设置`datagrid`的`url`属性指向这个接口。例如: ```html &lt;table id="dg"&gt;&lt;/table&gt; $(function(){ $('#dg').datagrid({ url: 'getJsonData....

    ExtJs2.0简明教程

    它可以处理JSON、XML等多种数据格式,并将其转换为Store可以使用的数据结构。 #### 8.3 DataProxy与自定义Store DataProxy是Store与远程数据源之间的桥梁。通过自定义DataProxy,可以实现对特定数据源的支持,从而...

    模仿EXT效果的datagrid

    3. 利用`JSON.parse`或`eval`解析服务器返回的JSON数据,填充到表格中。 4. 利用CSS3的`transition`或`requestAnimationFrame`实现平滑动画效果,提高用户体验。 四、现代前端框架的助力 如今,有许多现代前端框架...

    ExtJS 2.2 API文档

    `Reader`负责将服务器返回的数据转化为`Store`能理解的格式。同时,`ViewModel`和`Bindings`使得视图和数据模型之间可以实现双向数据绑定。 4. **表单组件与表单处理**: ExtJS 2.2提供了一系列丰富的表单组件,如...

    Extjs 3.0 中文API CHM

    ExtJS 3.0提供了多种布局模式,如Fit布局(所有子组件完全填充容器)、Border布局(类似HTML的布局,有north, south, east, west, center区域)、Table布局(类似于HTML表格)等,可以根据需要灵活选择。 3. **数据...

    Laravel开发-fields

    在Eloquent模型中,我们可以通过`$hidden`属性来指定哪些字段不应该在数组或JSON响应中显示。 ```php class User extends Model { protected $hidden = ['password', 'remember_token']; } ``` ### 6. 视图组件 ...

    Laravel开发-testimonials

    例如,`TestimonialsController`可以包含`index`、`show`、`store`和`update`等方法,分别处理数据的展示、读取、创建和更新。 6. **视图**:视图是用户看到和与之交互的部分。使用Blade模板引擎,我们可以创建一个...

    Laravel开发-crudroller .zip.zip

    3. **填充(Seeder)**:填充数据到数据库通常通过Seeder类完成,可以在测试或初始设置时使用。 4. **控制器(Controller)**:CRUD操作的核心在于控制器。每个操作(创建、读取、更新、删除)都会对应控制器的一个...

    Ext Js权威指南(.zip.001

    4.1 ext js框架的命名空间:ext / 90 4.1.1 概述 / 90 4.1.2 apply和applyif方法 / 90 4.1.3 不推荐的extend方法 / 92 4.1.4 数据及其类型检测 / 95 4.1.5 其他的基础方法 / 99 4.2 为框架顺利运行提供支持 /...

    Simple-API:用Laravel编写的简单API

    这里,`User::all()`将返回所有用户的数据,Laravel会自动将其转换为JSON格式。 ### 4. Eloquent ORM Laravel的Eloquent ORM提供了简单的ActiveRecord实现,让我们可以方便地操作数据库。首先,创建一个`User`模型...

    Laravel开发-country

    6. **填充数据(Seeding)**:Laravel 提供了种子类来快速填充数据库。你可以创建一个 `CountrySeeder` 类,导入世界国家的数据,并使用 `DB::table('countries')-&gt;insert()` 方法将数据插入数据库。 7. **验证...

Global site tag (gtag.js) - Google Analytics