extjs js - 腾讯云开发者社区

文章/答案/技术大牛

发布

Ext JS 教程-开始使用 ExtJS 4

1.3 Ext JS 4 SDK 下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。.../resources/css/ext-all.css 包含整个框架需要的样式信息 Ø extjs/ext-debug.js 包含 ExtJS 4 核心类库的最小集合 Ø... 2.3 库文件包含方法当你解压了你下载的 ExtJS 4 文件时，你将看到下面的这些文件： 1. ext-debug.js ——这个文件仅在开发期间使用...（见第3节） 3. ext-all-debug.js ——这个文件包含了真个 ExtJS 库。...App-all.js ——这个文件是迷你化的，包含了应用程序的和所有运行时需要的ExtJS的类。它是生产环境用的 all-classes.js + app.js 迷你化。

7K4 0

ExtJs七(ExtJs Mvc创建ViewPort)

应用程序的路径，这里是scripts/app autoCreateViewport：默认值为false，在这里要设置为true，让它自动加载\Script\app\View目录下的Viewport.js...Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'scripts/extjs...在解决方案资源管理器中，在\Script\app\View目录上单击右键添加一个名为Viewport.js的脚本文本。...本示例将构建一个类似于Ext JS API的用户界面，分顶部、主区域、底部三部分。顶部主要是显示系统名称和退出等按钮，主区域使用标签页来显示管理的内容，而文章内容的详细信息页也会已标签页形式显示。...53, id: "North", items: [ { xtype:'component',cls:'logo',html:'ExtJs

9.6K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

ExtJs学习笔记(18)_ExtJs嵌入FCK示例

/adapter/ext/ext-base.js"> js"> Extjs_Intellisense.js"> js"> Layout_Border示例 <script type=

2.5K5 0

ExtJs十(ExtJs Mvc用户管理之二)

在Ext JS包的examples\ux\css目录下打开CheckHeader.css文件，将文件里的全部样式定义复制到app.css中。然后修改将带背景图片的路径修改为“../images”。

7.6K2 0

ExtJs四(ExtJs MVC登录窗口的调试)

onReady函数前面加入以下代码： Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'scripts/extjs.../ux' } }); 代码中，enabled为true，表示开启动态加载，paths对象里面定义的就是加载路径，在这里定义了Ext扩展的加载路径为“scripts/extjs/ux”。...完成后的代码如下： [HttpPost] public JObject Login(LoginModel model) { return View(); } 因为Ext JS需要的数据格式基本是固定的...然后对login.js登录事件添加提示信息，登录成功的话，弹出登录成功的提示框，失败的话，弹出登录失败的提示框。

5.3K2 0

ExtJs十四(ExtJs Mvc图片管理之四)

在VS，切换到PicManager.js文件，找到filestore的定义，先将renmoteSort修改为true。...切换到PicManager.js文件，找到me.items的定义，在图片文件的配置项中添加tbar配置项，用来放置一个分页工具条，并在工具条上放一个SplitButton用来实现排序功能。...现在考虑一下视图的选择问题，在操作系统中，一般都可以使用拖动的方式选择文件，这个功能相当实用，而在Ext JS，要实现该功能也很简单，只有使用Ext JS包中的用户插件Ext.ux.DataView.DragSelector...先在解决方案ExtJS\ux目录下创建一个DataView目录，然后在Ext JS包中examples\ux\DataView目录下，将DragSelector.js文件复制到该目录。为什么要这样？...切换到PicManager.js文件，先在layout配置项下加一个requires配置项，来声明该类需要使用到DragSelector类，代码如下： requires: ["Ext.ux.DataView.DragSelector

4.2K3 0

ExtJs十一(ExtJs Mvc图片管理之一)

要记住，扩展要写在Scripts\ExtJS\Ux目录下，因为在路径的设置中，扩展目录是指向这里的。在该目录下创建一个名为PicManager.js的脚本文件。...先切换到主面板（mainpanel.js）的视图定义，为图片管理加回布局，布局类型为Fit。

4.5K3 0

ExtJs九(ExtJs Mvc用户管理之一)

首先要做的是为用户信息创建一个模型，在Scripts\app\model目录下创建一个名为User.js的文件，然后添加以下模型定义代码： Ext.define('ExtMVCOne.model.User...这是ExtJS 4新添加的模型的功能，相当实用。模型定义好以后，就要定义了Store了。Store除了要定义用户的外，因为要设置用户角色，所以还要定义用户角色的Store。...fields: ["text"], data: [["普通用户"], ["系统管理员"]] }) 现在要为用户管理编写控制器，在Scripts\app\controller目录下创建Users.js...'Users.View' ], 这里要注意视图类的名称结构，代码中使用了Users.View表示创建视图时，要在\Scripts\app\view目录下创建Users目录，然后在创建View.js...现在还没有数据，而且我们添加的bbar紧贴在了Grid下面，说明了标签页的布局有点小问题，那就在VS中切换到主面板视图（MainPanel.js），在添加用户管理面板的地方加入以下代码： layout

5.6K2 0

ExtJs十三(ExtJs Mvc图片管理之三)

切换回PicManager.js文件，找到DataView定义的模板，会看到图片的显示是这样的： <img width="160" height="160" src="..

4.7K3 0

ExtJs六(ExtJs Mvc首页展示)

Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'scripts/extjs...因为要调用应用程序生成界面，因而要让Ext JS知道应用的目录，所以在Loader的paths中加入以下代码： 'ExtMVCOne': 'scripts/app' 认证后，需要将用户信息写如一个对象，...text/html; charset=utf-8" /> ExtJs...resources/css/ext-all.css")" /> ExtJs.../bootstrap.js")"> ExtJs/Ext-lang-zh_CN.js

8.6K3 0

ExtJs五(ExtJs Mvc登录优化)

继上一节中简单的实现了登录之后http://www.cnblogs.com/aehyok/archive/2013/04/20/3033296.html，现在我...

3.3K2 0

ExtJs十四(ExtJs Mvc图片管理之五swfupload)

经过前几节系列文章，现在只剩下利用swfupload来上传图片的功能了，在ExtJs十一(ExtJs Mvc图片管理之一)中有它的下载地址和加入项目的说明。...在PicManager.js文件中，找到me.items这句代码，在它上面创建一个进度条，代码如下： me.progress=Ext.widget("progressbar",{text:"上传进度",...最后，别忘了在Index.html加入加载swfupload.js的代码，代码如下： @if (Request.IsAuthenticated) { js")"> } 这个脚本只有在登录后才会加载

5K2 0

ExtJS图表

1.1 学习技能点本次在线学习将学习以下知识技能： Ø 柱状图 Ø 饼状图 Ø 折线图 1.2 学习任务 ExtJS3使用的Flash Chart来源于YUI，其中包括柱状图、饼状图等多种图表，这些图表可以与...ExtJS组件完美整合，不仅可以在Panel中显示图表，还可以通过Store为图表提供数据。...常用组件 Ø 熟练应用ExtJS常用布局 Ø 掌握ExtJS工具栏和菜单 Ø 掌握ExtJS图表 2.1.2 知识体系总结本课程所学知识如图6.1.1所示，从图中可以总结使用ExtJS开发常用知识。...图7.1.1 使用ExtJS开发RIA应用知识 2.2 综合实训 2.2.1 任务描述本次综合实训任务是使用ExtJS作为前端RIA框架，后台技术使用SSH实现一个学生管理系统。...编写前端界面前端使用ExtJS实现，参考代码如下所示。

1.2K1 0

Extjs mvc

）和控制器（Controllers） Model模型是字段和它们的数据的集合，例如User模型带有username和password字段，模型知道如何持久化自己的数据，并且可以和其他模型关联，模型跟ExtJS.../bootstrap.js"> js"> </... Viewport渲染自身到网页的documet body区域，并自动将自己调整到适合浏览器窗口的大小，在窗口大小发生改变时自动适应大小，继承于：Ext.Component app.js...boy'}, {id:2,name:'lisi', age:20,sex:'gril'} ] }); demo 下载 https://github.com/ningmengxs/Extjs.git

3.3K5 0

ExtJs十一(ExtJs Mvc图片管理之一)

4.2K3 0

ExtJs八(ExtJs Mvc创建ViewPort续)

正题为了实现标签页的MVC化，先在view目录下创建一个名称为MainPanel.js的文件，在文件里定义一个扩展于标签面板的控件，基本代码如下： Ext.define('ExtMVCOne.view.MainPanel...现在，在Controller目录创建一个名称为MainPanel.js的脚本文件，用来定义主面板的控制，基本定义代码如下： Ext.define('ExtMVCOne.controller.MainPanel...控制器定义好以后，切换会Viewport.js，先添加一个requires配置项，让其自动加载MainPanel，代码如下： requires: ['ExtMVCOne.view.MainPanel']

4.6K1 0

extjs 基础部分

Ext.application({ requires: ['Ext.container.Viewport'], name: 'FWY' // 全局的名字一般根据项目 appFolder : 'app', ／／　动态加载ｊｓ...Application.js 文件 1.name : 应用程序名称自定义的 2.appFolder 应用程序的目录，用来进行动态加载代码的。 3.controllers 应用程序使用到的控制器。...autoCreateViewport 是否自动创建 Viewport,默认为flase ，设置为 true 应用程序自动创建Viewport ，这个Viewport 的定义在我的们的app/ view/viewport.js...Viewport.js 的定义 Viewport 作为我们应用程序的视图模板，可以被单个定义在Viewport.js 文件中它定义的很简单，通常用来将一个或者多个view 作为它的子控件。...controller 层 alias: 'widget.创建别名 initComonent: function () { }' demo 下载 https://github.com/ningmengxs/Extjs.git

6.1K10 0

Extjs 数据代理

JsonP 在ExtJS 中我们可以轻松的使用JsonP代理进行跨域的数据请求： //创建Store var store = Ext.create('Ext.data.Store', {model: '...'direct', directFn: MyApp.getUsers, paramOrder: 'id' } }); User.load(1); 参考：http://www.qeefee.com/extjs-course...-6-server-proxy demo 下载 https://github.com/ningmengxs/Extjs.git

2.1K6 0

ExtJs四(ExtJs MVC登录窗口的调试)

3.3K4 0

Ext JS 教程-ExtJS 4中的数据包（Package）

关联不仅仅对于加载数据有帮助——它们对于创建新的记录也很有用： user.posts().add({ title: 'Ext JS 4.0 MVC Architecture', body...: 'It\'s a great Idea to structure your Ext JS Applications using the built in MVC Architecture...' }...{ id : 12, title: 'All about data in Ext JS...ExtJS中有五种验证，并且添加定制的规则也是容易的。首先，让我恩看看内置的这些： presence：简单的确保值域有一个值。零算做事一个值，但是字符串不算。...--------------- 下面是文档的来源： http://docs.sencha.com/extjs/4.2.1/#!/guide/data

1.6K2 0

点击加载更多

Ext JS 教程-开始使用 ExtJS 4

ExtJs七(ExtJs Mvc创建ViewPort)

ExtJs学习笔记(18)_ExtJs嵌入FCK示例

ExtJs十(ExtJs Mvc用户管理之二)

ExtJs四(ExtJs MVC登录窗口的调试)

ExtJs十四(ExtJs Mvc图片管理之四)

ExtJs十一(ExtJs Mvc图片管理之一)

ExtJs九(ExtJs Mvc用户管理之一)

ExtJs十三(ExtJs Mvc图片管理之三)

ExtJs六(ExtJs Mvc首页展示)

ExtJs五(ExtJs Mvc登录优化)

ExtJs十四(ExtJs Mvc图片管理之五swfupload)

ExtJS图表

Extjs mvc

ExtJs十一(ExtJs Mvc图片管理之一)

ExtJs八(ExtJs Mvc创建ViewPort续)

extjs 基础部分

Extjs 数据代理

ExtJs四(ExtJs MVC登录窗口的调试)

Ext JS 教程-ExtJS 4中的数据包（Package）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐