Ext JS 在VS 中应用
关注
分享
扫一扫
文章平均质量分 64
凌霜残雪
用兴趣学习代码，以分享互帮互助
展开
-
Ext JS 深入浅出 树形结构（上）
1、开发环境系统 Windows 10 ，VS 2015 ，Ext Js 4.12、准备工作打开VS ，新建项目，新建空白解决方案，如下图所示：在空白解决方案中新建网站，如果网站名重复，则修改名称即可。如下所示：保存项目后新建一个Html页面，如下所示：最后引入Ext JS 文件，地址：点击打开链接 密码：wip0 ，将文件复制到项目中，如下所示。3、创建一棵树树控件由Ext.tree.Tree...原创 2018-06-19 10:12:56 · 1460 阅读 · 0 评论 -
Extjs 自定义树结构实现以及点击不同节点动态生成不同表头显示效果
效果如下：页面介绍，页面分成四个部分，左侧树结构，顶端 查询条件栏，中间表格展示，下方可折叠面板；准备工作：新建Ext 文件夹，Models 文件夹，Pages 文件夹 按照下图创建好页面。TreeModel 数据模型表示数据库表的结构，具体内容如下：using System;using System.Collections.Generic;using Sys...原创 2018-08-21 19:42:11 · 592 阅读 · 0 评论 -
Extjs 桑基图绘制实现（前端+后端）
桑基图效果如下：准备工作：1、新建 SanKey.aspx.cs ，如下所示，将对于部分删除。 删除多余部分，保留头部如下：2、新建 SanKey.html 页面，如下所示；在html页面中添加如下信息：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www...原创 2018-08-22 11:19:26 · 1741 阅读 · 0 评论 -
C# 反射机制详解
1、什么是反射 .Net的应用程序由‘程序集(Assembly)’、‘模块(Module)’、‘类型(class)’ 几个部分组成，而反射提供一种编程的方式，让程序员可以在程序运行期获得这几个组成部分的相关信息，从而动态对程序做出决策。如：（1）使用Assembly定义和加载程序集，加载在程序集清单中列出模块，以及从此程序集中查找类型并创建该类型的实例。 （2）使用Modul...原创 2018-08-06 15:59:07 · 953 阅读 · 0 评论 -
ExtJS 前端 日期数据格式转化
如下图所示，ExtJS 代码: var tb1 = Ext.create('Ext.toolbar.Toolbar', { region: 'north', border: '0 0 0 0', height: 34 }); tb1.add( { xtype: 'datefield...原创 2018-08-01 16:30:21 · 3401 阅读 · 0 评论 -
ExtJS 学习之 Ext.OnReady
1、说明 Ext.OnReady方法在页面完毕(onload方法被调用之前以及图片被装载之前)调用初始化函数。通俗说就是加载页面前启动的初始化页面函数。在API中是如此定义onReady方法： onReady( Function fn, Object scope, Boolean withDomReady ) 添加新的侦听器执行时所需的所有脚本完全加载...原创 2018-08-06 08:59:10 · 1196 阅读 · 0 评论 -
ExtJS 表格悬浮提示
1.特定单元格悬浮提示其中 gridStore1 为表格数据源，grid1 为表格设计。 //表格数据源 var gridStore1 = Ext.create('Ext.data.Store', { proxy: { type: "ajax", actionMethods: { read: "POST" }, ...原创 2018-08-09 09:58:12 · 2599 阅读 · 0 评论 -
Ext JS 深入浅出---案例 表格 (Grid)
注意：所需要的ExtJs请在：点击打开链接 处下载，将文件中的Ext 文件拷贝到项目中即可。1、制作简单表格 在这里，我们创建一个 3 列的表格，第一列试编号（id），第二列是名称（name），第三列是描述（descn），在VS中新建一个 PanelGrid.js 文件，实现代码如下所示：var column = [ { header: '编号', data...原创 2018-06-28 14:31:41 · 4151 阅读 · 1 评论 -
Ext JS 深入浅出---案例 Panels
注意：所需要的Ext文件可从 点击打开链接 文件中获取1、Basic Panel<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title&a原创 2018-06-27 17:28:49 · 227 阅读 · 0 评论 -
Ext JS 深入浅出---布局（制作伸缩菜单）
1、 准备工作按照 Ext JS 深入浅出 树形结构（上）搭建环境。2、案例实现新建 Accordion.html 页面，编辑代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <原创 2018-06-19 14:38:47 · 1007 阅读 · 0 评论 -
Ext JS 深入浅出---布局（BorderLayout）
1、准备工作按照 Ext JS 深入浅出 树形结构（上） 中部署项目环境.2、实例实现新建HTML 页面，BorderLayout.html ,编辑代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; chars...原创 2018-06-19 14:15:44 · 1818 阅读 · 0 评论 -
Ext JS 深入浅出---树形结构数据获取
1、准备工作按照 Ext JS 深入浅出 树形结构（上） Ext JS 深入浅出 树形结构（下） 搭建环境。2、使用 TreeStore 获取数据 在前面，我们需要一个一个地写子叶的内容，不仅麻烦也容易出错，Ext.data.TreeStore 可以利用从后台获取数据为我们组装一棵树，我们只需要提供数据即可。这里需要使用 JSON 和 Ajax 。首先，为 TreePanel 配置...原创 2018-06-19 11:02:59 · 1200 阅读 · 0 评论 -
Ext JS 深入浅出 树形结构（下）
Ext JS 深入浅出 树形结构（上） 1、为树添加枝叶这里我们只需要修改代码如下：<body> <div id="tree" style="width:300px;"></div> <script> var tree = new Ext.tree.TreePanel({ store:...原创 2018-06-19 10:26:41 · 807 阅读 · 0 评论 -
Extjs 实现元素标签拖拽
新建 Demo.html 页面如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> &am原创 2018-08-30 13:16:06 · 1329 阅读 · 0 评论