json在快速开发平台中的应用讲解

认识一段json

    columns:[
	   {
		   field: "", title: "序", align: "center", "20",formatter: function (value, row, rowIndex) {
			   return (rowIndex+1);
		   },edit: false
	   },
	   {
			 field: "Y", title: "@this.Intl("Field:YunMFramework.Domain.Model.RZZYZJSRB.Y")", titleTooltip:"", "50",align: "center", 
		   formatter: function (value, row, rowIndex) {
			   var v='0';
			   if(value !=null&&value!=''&&value!='undefined'&&!isNaN(value))
			   {
				   v= number_format(value, 2, '.', ',', 'ceil');
			   }
			   return v;
		   },
		   edit: {
			   required: true,
				disabled: true,
			   type:'number',
			   click: function () { },
			   blur: function (e) { },
			   keyup: function (e) {
				   var indexrow = $(this).parent().parent().parent().data('index');
				   var coldata=$('#rzzyzjsrbstb').bootstrapTable('getColTotal', 1)+'%';
				  $('.fixed-table-footer>table>tbody>tr td').eq(1).children('div.th-inner').html(coldata);
			   },
			   keydown: function (e) { },
			   focus: function (e) {this.select(); },
			   change: function (e) {
			   }
		   },
		   footerFormatter: function () {
			   return $('#rzzyzjsrbstb').bootstrapTable('getColTotal', 1)+'%';
		   }, 
	   },
   ]

上段代码是从快速开发平台中提取的一段代码，熟悉平台的同学都知道，这是bootstrap-table的一段columns代码，这就是典型的json数据格式了。

json数据格式解析

JSON有两种表示结构，对象和数组。
对象结构以”{”大括号开始，以”}”大括号结束。中间部分由0或多个以”，”分隔的”key(关键字)/value(值)”对构成，关键字和值之间以”：”分隔，语法结构如代码。

如列子中表示的一个表格字段应有的属性和值：

	   {
		   field: "", title: "序", align: "center", "20",formatter: function (value, row, rowIndex) {
			   return (rowIndex+1);
		   },edit: false
	   },

数组结构以”[”开始，”]”结束。中间由0或多个以”，”分隔的值列表组成，语法结构如代码。如列子的：columns:[]。

在JavaScript中的应用

我们可以先申明一个数组，然后把数据push如数组，形成json数据格式。如咱们往表中动态添加一个字段：

       var deycolumns=[  //快速开发平台json数组申明
        {
            title: '序',
            field: 'F0',
            align: 'center',
            valign: 'middle',
            edit: false,
             "20",
            formatter: function (value, row, rowIndex) {
                return (rowIndex+1);
            }
        }, ]
   //快速开发平台json数据插入数组
   deycolumns.push(
   {
       field: "F10004", title: "期初余额合计", titleTooltip:"", "50",align: "center",
       formatter: function (value, row, rowIndex) {

           var v='0';
           if(value !=null&&value !=''&&value !='undefined'&&!isNaN(value))
           {
               v= number_format(value, 2, '.', ',', 'ceil');
           }
           return v;
       },
       edit: false
   });

JSON数据格式在AJAX中的应用

这个我们讲的比较多，在文章中有很多篇是介绍ajax的，这个是常用的搭配了，文章链接：

Web框架异步提交Ajax解析

.Net MVC-视图层使用Ajax怎么实现视图局部数据异步刷新

json数据格式在快速开发平台中的应用讲解，json替换xml作为一种主流的前后端数据传输格式。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式，其简单通俗、易于掌握、没有多余的交互流量，已经成为最大众化的数据交互格式。

本站文章除注明转载外，均为本站原创或翻译，欢迎任何形式的转载，但请务必注明出处，尊重他人劳动，共创和谐网络环境。
转载请注明：文章转载自：软件开发框架 » json在快速开发平台中的应用讲解
本文标题：json在快速开发平台中的应用讲解