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

最新推荐文章于 2024-07-22 16:58:13 发布
最新推荐文章于 2024-07-22 16:58:13 发布
阅读量498 收藏
点赞数
分类专栏： 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
    评论
专栏目录
Golang优秀开源项目汇总, 10大流行Go语言开源项目, golang 开源项目全集(golang/go/wiki/Projects), GitHub上优秀的Go开源项目...
weixin_33836874的博客
05-08 1万+
  Golang优秀开源项目汇总（持续更新。。。）我把这个汇总放在github上了， 后面更新也会在github上更新。 https://github.com/hackstoic/golang-open-source-projects  。 欢迎fork， star ， watch， 提issue。    资料参考来源：http://studygolang.com/projects 监控...
原js笔记
Pwsifeng的博客
01-10 2468
s原生JS笔记 电话：17339853876（微信同号） 二阶段学习内容 1、B/S架构（web结构） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4LYi0Arv-1641803458638)(img1628929434621.png)] 2、前端工程师的工作 人机交互 前后端交互 3、HTML、CSS、JS的作用和关系 一个网页由三部分组成：HTML、CSS、Javascript HTML： 结构（静态） [外链图片转存失败,源站可能有防盗链
Json grid 编辑器
03-17
最近在学习easyUI 但是发现每次做一个表格都要去写一个json数据，太麻烦了，我想要用一种方式可以简单生成就行。于是，我花了几个小时时间开始写了这段段代码： 功能：自动生成Json数据； 详细说明：页面会显示一个表格，可以实现自动添加/删除行、添加/删除列，然后在列里面填了数据后，点击生成可以生成Json格式文件内容。 使用说明：开发基于Jquery和easyUI 所以要使用的朋友得准备，然后就把文件拷贝到对应位置，运行就可以了。 后话：如果您有好的意见和建议欢迎提出。同时，最近才开始学习easyUI Jquery 有用法不当的地方欢迎指正。谢谢。祝您使用愉快。
array-grid的学习：
Crazy Android
07-17 653
array-grid的学习： 1。需要先创建一个原始数据，一般为二维数组。 2。Ext为我们提供了数组数据处理类ArrayStore类。ArrayStore类中，fields表示的字段数组,name表示的即为列模型中的dataIndex，然后还要调用store.loadData(mydata)加载。参数为原始数据数组名 3。创建一个GridPanel,写入正确的store。创建列模型。在列里
ext 4.0 学习笔记（1）Array Grid
li988761048007的专栏
09-20 2220
今天刚开始接触EXT，直接跳过2.2等较旧版本；由于网上的中文资料几乎都是2.2，并且我也是刚开始接触EXT，所以用笔记的方式记录我学习的历程，顺便作为一种中文资料的共享；这套笔记讲解每一种对象的属性未必是完全的，主要是讲解EXT4.0自带demo，要深入学习的可以去查看API，
JSON网格(JSON Grid)
奋斗的蜗牛
01-23 1024
&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=&
Grid-Json数据加载
nianqingren200的专栏
11-17 1971
什么是Grid-Json数据加载 我们开发前台Grid数据加载通常是Rpc查询返回List方式，后台的数据的序列化和反序列化都是gwt做了，用着其实很方便，但是在我们实际开发中遇到问题就是List的数据量大时，gwt的序列化和反序列化工作是很慢的，存在很大的提升空间。 思路： 我们想想普通的spingMvc模式，返回一个json字符串到前台，几百条的数据根本不会存在序列化的性能问
细说jquery ui和jqgrid的ASP.NET实现
wilsonke的专栏
12-04 6314
2012-01-05 22:02        by        keepfool,         4835         阅读,         37         评论,         收藏,         编辑 前言    数据显示的方式可以通过很多控件来实现，例如服务端的原生GridView，第三方控件ComponentArt、Telerik等，客户端
（转）细说jquery ui和jqgrid的ASP.NET实现
weixin_30416497的博客
01-07 79
原文地址：http://www.cnblogs.com/keepfool/archive/2012/01/05/2313692.html#a1前言 数据显示的方式可以通过很多控件来实现，例如服务端的原生GridView，第三方控件ComponentArt、Telerik等，客户端的flexgrid, extgrid, easyui, jqgrid等等。在这里我要讲解的是jqgr...
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_...
ClickHouse.Client：ClickHouse的.NET客户端
02-05
复合类型： Array ， Tuple ， Nullable ， Nested ，包括组合 特殊类型： IPv4 ， IPv6 ， UUID ， DateTime64 ， LowCardinality ， Enum等。 正确处理DateTime ，包括时区 通过HTTP（S）使用压缩二进制协议 ...
numpy.array 操作使用简单总结
09-18
主要介绍了numpy.array 操作使用简单总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
使用$.getJSON实现跨域ajax请求示例代码
10-26
$.getJSON 是 jQuery 提供的一种 AJAX 方法，用于向服务器请求 JSON 数据并在数据加载成功后执行回调函数。这个方法特别适用于跨域请求，因为 JSONP（JSON with Padding）协议允许绕过同源策略，使得 JavaScript ...
Json数据格式的使用方法入门教程.pdf
11-21
### Json数据格式的使用方法入门教程 #### 一、JSON数据格式简介 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它最初由Douglas Crockford提出，...
数组数据转换成json形式，用于jqgrid初始化表格
菜鸟鸟的博客
02-20 2716
var head=['ID',' 姓名', '性别',' 出生日期',' 身份证号', '学历', '职称', '所属单位',' 工资代号',' 学位' ]; var str="[{"; //str是转换后的数据 function switchData(){ for(i=0;i for(j=0;j str=str+head[j]+":'"+contents[j+i]+"',"; }
ASP.NET MVC
weixin_47249500的博客
07-22 728
ViewStart.cshtml是一个全局的布局文件，程序中每个.cshtml页面都会默认使用_ViewStart提供的布局。同时.NET Framework 提供了多种技术框架，ASP.NET MVC是.NET Framework提供的众多技术框架中的一种，用于开发Web应用。ASP.NET MVC框架使用了约定大于配置的思想，按照框架约定的结构组织文件，浏览器请求某个Controller方法时，该方法默认返回与方法同名的.cshtml文件，浏览器接收.cshtml并渲染页面。.cshtml文件同名。
基于SpringCloud微服务架构的B2C电子商务系统-可执行内含文档代码-可执行内含文档代码.zip
07-28
基于SpringCloud微服务架构的B2C电子商务系统-可执行内含文档代码-可执行内含文档代码.zip
智慧校园整体解决方案-6PPT(102页).pptx
最新发布
07-28
智慧校园整体解决方案是响应国家教育信息化政策，结合教育改革和技术创新的产物。该方案以物联网、大数据、人工智能和移动互联技术为基础，旨在打造一个安全、高效、互动且环保的教育环境。方案强调从数字化校园向智慧校园的转变，通过自动数据采集、智能分析和按需服务，实现校园业务的智能化管理。 方案的总体设计原则包括应用至上、分层设计和互联互通，确保系统能够满足不同用户角色的需求，并实现数据和资源的整合与共享。框架设计涵盖了校园安全、管理、教学、环境等多个方面，构建了一个全面的校园应用生态系统。这包括智慧安全系统、校园身份识别、智能排课及选课系统、智慧学习系统、精品录播教室方案等，以支持个性化学习和教学评估。 建设内容突出了智慧安全和智慧管理的重要性。智慧安全管理通过分布式录播系统和紧急预案一键启动功能，增强校园安全预警和事件响应能力。智慧管理系统则利用物联网技术，实现人员和设备的智能管理，提高校园运营效率。 智慧教学部分，方案提供了智慧学习系统和精品录播教室方案，支持专业级学习硬件和智能化网络管理，促进个性化学习和教学资源的高效利用。同时，教学质量评估中心和资源应用平台的建设，旨在提升教学评估的科学性和教育资源的共享性。 智慧环境建设则侧重于基于物联网的设备管理，通过智慧教室管理系统实现教室环境的智能控制和能效管理，打造绿色、节能的校园环境。电子班牌和校园信息发布系统的建设，将作为智慧校园的核心和入口，提供教务、一卡通、图书馆等系统的集成信息。 总体而言，智慧校园整体解决方案通过集成先进技术，不仅提升了校园的信息化水平，而且优化了教学和管理流程，为学生、教师和家长提供了更加便捷、个性化的教育体验。
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、付费专栏及课程。

余额充值