array grid的简单使用.根据官方示例改写(asp.net).json数据格式.

最新推荐文章于 2024-04-27 08:40:12 发布
最新推荐文章于 2024-04-27 08:40:12 发布
阅读量488 收藏
点赞数
分类专栏： Ext js 文章标签： asp.net header function stylesheet server div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/withheartandsoul/article/details/6141458
版权

<link href="ext-3.2.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ext-3.2.0/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="ext-3.2.0/ext-all.js" type="text/javascript"></script>
<script type="text/javascript">
    Ext.onReady(function() {

        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

        var conn = new Ext.data.Connection({

            //userinfojson.ashx格式已写在另一篇文章中
            url: "userinfojson.ashx"
        })
        var proxy = new Ext.data.HttpProxy(conn);

        var store = new Ext.data.Store({
            proxy: proxy,
            reader: new Ext.data.JsonReader(
              { root: 'userlist' },
              ["id", "name", "passwd", "gender", "roleid", "stateid"]
            )
        });

        store.load();

        function change(val) {
            if (val > 0) {
                return '<span style="color:green;">' + val + '</span>';
            } else if (val < 0) {
                return '<span style="color:red;">' + val + '</span>';
            }
            return val;
        }

        function GetSex(val) {
            if (val > 0) {
                return '<span style="color:green;">男</span>';
            }
            else {
                return '<span style="color:red;">女</span>';
            }
        }

        function pctChange(val) {
            if (val > 0) {
                return '<span style="color:green;">' + val + '%</span>';
            } else if (val < 0) {
                return '<span style="color:red;">' + val + '%</span>';
            }
            return val;
        }

        var grid = new Ext.grid.GridPanel({
            store: store,
            columns: [
               { id: 'id', header: '个人编号', width: 60, sortable: true, dataIndex: 'id' },
               { header: '个人姓名', width: 60, sortable: true, dataIndex: 'name' },
               { header: '个人密码', width: 70, sortable: true, dataIndex: 'passwd' },
               { header: '性别', width: 70, sortable: true,renderer:GetSex, dataIndex: 'gender' },
               { header: '权限编号', width: 70, sortable: true, dataIndex: 'roleid' },
               { header: '状态编号', width: 70, sortable: true, dataIndex: 'stateid' }
            ],
            stripeRows: true,
            autoExpandColumn: 'id',
            height: 110,
            width: 600,
            title: 'array-grid data',
            stateful: true
        });
        grid.render('gridone');
    })
</script>

 

<body>
    <form id="form1" runat="server">
       <div id="gridone"></div>
    </form>
</body>

WithHeartAndSoul
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Json grid 编辑器
03-17
最近在学习easyUI 但是发现每次做一个表格都要去写一个json数据，太麻烦了，我想要用一种方式可以简单生成就行。于是，我花了几个小时时间开始写了这段段代码： 功能：自动生成Json数据； 详细说明：页面会显示一个表格，可以实现自动添加/删除行、添加/删除列，然后在列里面填了数据后，点击生成可以生成Json格式文件内容。 使用说明：开发基于Jquery和easyUI 所以要使用的朋友得准备，然后就把文件拷贝到对应位置，运行就可以了。 后话：如果您有好的意见和建议欢迎提出。同时，最近才开始学习easyUI Jquery 有用法不当的地方欢迎指正。谢谢。祝您使用愉快。
ext 4.0 学习笔记（1）Array Grid
li988761048007的专栏
09-20 2209
今天刚开始接触EXT，直接跳过2.2等较旧版本；由于网上的中文资料几乎都是2.2，并且我也是刚开始接触EXT，所以用笔记的方式记录我学习的历程，顺便作为一种中文资料的共享；这套笔记讲解每一种对象的属性未必是完全的，主要是讲解EXT4.0自带demo，要深入学习的可以去查看API，
array-grid的学习：
Crazy Android
07-17 639
array-grid的学习： 1。需要先创建一个原始数据，一般为二维数组。 2。Ext为我们提供了数组数据处理类ArrayStore类。ArrayStore类中，fields表示的字段数组,name表示的即为列模型中的dataIndex，然后还要调用store.loadData(mydata)加载。参数为原始数据数组名 3。创建一个GridPanel,写入正确的store。创建列模型。在列里
数组数据转换成json形式，用于jqgrid初始化表格
菜鸟鸟的博客
02-20 2710
var head=['ID',' 姓名', '性别',' 出生日期',' 身份证号', '学历', '职称', '所属单位',' 工资代号',' 学位' ]; var str="[{"; //str是转换后的数据 function switchData(){ for(i=0;i for(j=0;j str=str+head[j]+":'"+contents[j+i]+"',"; }
Grid-Json数据加载
nianqingren200的专栏
11-17 1937
什么是Grid-Json数据加载 我们开发前台Grid数据加载通常是Rpc查询返回List方式，后台的数据的序列化和反序列化都是gwt做了，用着其实很方便，但是在我们实际开发中遇到问题就是List的数据量大时，gwt的序列化和反序列化工作是很慢的，存在很大的提升空间。 思路： 我们想想普通的spingMvc模式，返回一个json字符串到前台，几百条的数据根本不会存在序列化的性能问
php array 转json及java 转换 json数据格式操作示例
01-03
本文实例讲述了php array 转json及java 转换 json数据格式操作。分享给大家供大家参考，具体如下： php array 转json 数据 $arr = array( demo1 => my demo1, demo2 => array( demo2_demo1=>aaaaaaaa, demo2_...
numpy.array 操作使用简单总结
09-18
主要介绍了numpy.array 操作使用简单总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ClickHouse.Client：ClickHouse的.NET客户端
02-05
复合类型： Array ， Tuple ， Nullable ， Nested ，包括组合 特殊类型： IPv4 ， IPv6 ， UUID ， DateTime64 ， LowCardinality ， Enum等。 正确处理DateTime ，包括时区 通过HTTP（S）使用压缩二进制协议 ...
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
12-18
// base functionfunction curl_get($url, $data = array(), $header = array(), $timeout = 15, $port = 80, $reffer = ”, $proxy = ”){ $ch = curl_init(); if (!empty($data)) { $data = is_array($data)?...
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
JSON网格(JSON Grid)
奋斗的蜗牛
01-23 943
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt; &lt;title&gt;XML Grid Example&lt;/title&gt; &lt;link rel="stylesheet" type=&
法律知识学习考试系统 C#+uniapp+asp.net微信小程序
专注分享bishe530的博客
04-27 1275
管理员端实现管理员的注册登录以及教师和学生的注册、法律法规内容的发布与更新、法律法规页面的评论的添加与删除、内容查询、知识小测的内容发布与删除、问卷调查的发布与劇除、学习情况的统计等功能;毂师端实现教师的登录、法律法规内容的发布与更新、法律法规页面的评论的添加与制除、内容查询、知识小测的内容发布与删除、问卷调查的发布与删除、学习情况的统计等功能;学生端实现学生的登录、法律法规的内容查询、法律法规页面的评论的添加、知识小测的填写、问卷调查的填写、学习情况的查询;二 系统开发环境及关键技术 3。
后端开发是一个涉及广泛技术和工具的领域.docx
04-30
后端开发是一个涉及广泛技术和工具的领域，这些资源对于构建健壮、可扩展和高效的Web应用程序至关重要。以下是对后端开发资源的简要介绍： 首先，掌握一门或多门编程语言是后端开发的基础。Java、Python和Node.js是其中最受欢迎的几种。Java以其跨平台性和丰富的库而著名，Python则因其简洁的语法和广泛的应用领域而备受欢迎。Node.js则通过其基于JavaScript的单线程异步I/O模型，为Web开发提供了高性能的解决方案。 其次，数据库技术是后端开发中不可或缺的一部分。关系型数据库（如MySQL、PostgreSQL）和非关系型数据库（如MongoDB、Redis）各有其特点和应用场景。关系型数据库适合存储结构化数据，而非关系型数据库则更适合处理大量非结构化数据。 此外，Web开发框架也是后端开发的重要资源。例如，Express是一个基于Node.js的Web应用开发框架，它提供了丰富的API和中间件支持，使得开发人员能够快速地构建Web应用程序。Django则是一个用Python编写的Web应用框架，它采用了MVC的软件设计模式，使得代码结构更加清晰和易于维护。
华为数字化转型实践28个精华问答glkm.pptx
04-30
华为数字化转型实践28个精华问答glkm.pptx
新员工入职培训全流程资料包gl.zip
04-30
新员工入职培训全流程资料包（100+个文件） 1入职流程指引 万科新职员入职通知书 万科新职员入职引导手册 新进员工跟进管理表 新员工入职报到工作单(文职) 新员工入职报到流程 新员工入职流程表 新员工入职手续办理流程(工厂 新员工入职手续清单 新员工入职须知 新员工入职训流程 新员工入职引导表(导师用) 2 入职工具表格 3 培训方案计划 4培训管理流程 5培训教材课件 6 培训效果检测 7 员工管理制度 8 劳动合同协议 9 新员工培训PPT模板(28套)
三菱PLC通讯程序实例
04-30
FX5U PLC作为主、从站的通讯方式程序实例，以及包含详细说明文件...
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
最新发布
04-30
技术需求报告-集行波测距与故障录波功能于一体的电网综合故障分析系统.docx
最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
04-30
最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
2024-2030全球及中国广谱防晒霜行业研究及十五五规划分析报告.docx
04-30
2024-2030全球及中国广谱防晒霜行业研究及十五五规划分析报告
macchina.io使用C++解析JSON格式，给个复杂的示例
06-09
好的，以下是一个复杂的示例： 假设我们有以下JSON数据： ```json { "name": "John Doe", "age": 30, "address": { "street": "123 Main St", "city": "Anytown", "state": "CA", "zip": "12345" }, "phoneNumbers": [ { "type": "home", "number": "555-1234" }, { "type": "work", "number": "555-5678" } ] } ``` 我们可以使用macchina.io中的JSON解析器来解析这个JSON数据，示例代码如下： ```c++ #include <iostream> #include <vector> #include <Poco/JSON/Parser.h> #include <Poco/Dynamic/Var.h> int main() { std::string jsonString = R"({ "name": "John Doe", "age": 30, "address": { "street": "123 Main St", "city": "Anytown", "state": "CA", "zip": "12345" }, "phoneNumbers": [ { "type": "home", "number": "555-1234" }, { "type": "work", "number": "555-5678" } ] })"; Poco::JSON::Parser parser; Poco::Dynamic::Var result = parser.parse(jsonString); Poco::JSON::Object::Ptr root = result.extract<Poco::JSON::Object::Ptr>(); std::string name = root->getValue<std::string>("name"); int age = root->getValue<int>("age"); Poco::JSON::Object::Ptr address = root->getObject("address"); std::string street = address->getValue<std::string>("street"); std::string city = address->getValue<std::string>("city"); std::string state = address->getValue<std::string>("state"); std::string zip = address->getValue<std::string>("zip"); Poco::JSON::Array::Ptr phoneNumbers = root->getArray("phoneNumbers"); std::vector<std::pair<std::string, std::string>> phoneNumbersVec; for (auto& item : *phoneNumbers) { Poco::JSON::Object::Ptr phoneNumber = item.extract<Poco::JSON::Object::Ptr>(); std::string type = phoneNumber->getValue<std::string>("type"); std::string number = phoneNumber->getValue<std::string>("number"); phoneNumbersVec.push_back(std::make_pair(type, number)); } std::cout << "name: " << name << std::endl; std::cout << "age: " << age << std::endl; std::cout << "street: " << street << std::endl; std::cout << "city: " << city << std::endl; std::cout << "state: " << state << std::endl; std::cout << "zip: " << zip << std::endl; for (auto& item : phoneNumbersVec) { std::cout << "type: " << item.first << ", number: " << item.second << std::endl; } return 0; } ``` 这个示例中，我们首先定义了一个JSON字符串，然后使用Poco库中的JSON解析器来解析JSON数据。我们从根对象中获取了name和age字段，从address对象中获取了street、city、state和zip字段，从phoneNumbers数组中获取了所有的电话号码。最后，我们将获取到的字段打印出来。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值