ExtJS
左手121
这个作者很懒,什么都没留下…
展开
-
ExtJS学习笔记(一) Panel
<!-- 分别引入以下文件,第一个是外部扩展的icons包 --> <link href="/Scripts/Awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/extjs-5.1/ext-all.js" type="text/javascript"><原创 2017-01-09 16:02:42 · 519 阅读 · 0 评论 -
ExtJS学习笔记(十三) Ext Form checkboxgroup、radiogroup和其他字段 设置和获取数据
第十章末尾有源码地址// 控制层修改Ext.define("Demo.controller.form.Form", { extend: "Ext.app.ViewController", alias: "controller.demo_form_controller", init: function () { this.control({原创 2017-01-24 15:28:09 · 2430 阅读 · 0 评论 -
ExtJS学习笔记(十二) Ext 获取组件、获取DOM
select 和 queryExt.query和Ext.select的作用是一致的,同是根据CSS选择符查找出一个或多个元素。区别在于返回类型上。query方法返回的是JavaScript标准的数组类型;select方法返回的是CompositeElement类型。原创 2017-01-24 11:16:03 · 10094 阅读 · 0 评论 -
ExtJS学习笔记(十) MVC
目录结构app 存放项目所有的类controller 存放controller类model 存放model类,定义数据的类型(实体类)store 存放stroe类,用来获取数据view 存放view类,页面展示的效果server c#后台程序,模拟从数据库获取数据ux 存放一些其他功能的类app.js 程序入原创 2017-01-20 16:13:50 · 318 阅读 · 0 评论 -
ExtJS学习笔记(九) Layout
Ext.onReady(function () { accordion(); absolute(); border(); card(); column(); fit(); hbox(); vbox(); table();});// 此布局将多个Panel以一种可以展开/收缩的样式排列, 且任何时候只有一个Panel可以处于展开原创 2017-01-17 17:37:46 · 389 阅读 · 0 评论 -
ExtJS学习笔记(八) 数据绑定
var databind = null;var count = 1;Ext.define("Myapp.store.Countries", { extend: "Ext.data.Store", alias: "store.countries", fields: ["country"], data: [{ country: "中国" }, { country: "美原创 2017-01-17 15:43:26 · 4234 阅读 · 0 评论 -
ExtJS学习笔记(七) MessageBox
Ext.onReady(function () { // 自定义消息按钮的文本 Ext.window.MessageBox.prototype.buttonText = { ok: "确定", cancel: "取消", yes: "是", no: "否" }; Ext.create("Ext.windo原创 2017-01-17 15:40:55 · 369 阅读 · 0 评论 -
ExtJS学习笔记(四) Datetime控件
// 本段JS,是复制出源码,在源码基础上修改的代码。使用别人修改后的代码,在此修改。方便自己以后使用。// 复制下段JS,并引入页面。// 使用方式/* { xtype: 'datetimefield', format: "Y-m-d H:i:s", fieldLabel: "日期时间"}*//*** @修改人 Sgai 李强* A date picke原创 2017-01-10 16:27:45 · 1097 阅读 · 0 评论 -
ExtJS学习笔记(六) Tab Toolbar
Tab/*onReady文档加载完成之后执行第一个参数是必须的,表示要执行的函数或匿名函数,第二参数表示函数的作用域,第三个参数表示函数执行的一些其它特性,比如延迟多少毫秒执行等,大多数情况下只需要第一个参数即可*/Ext.onReady(function () { setToolBars();});var setToolBars = function () { va原创 2017-01-14 09:25:27 · 1515 阅读 · 0 评论 -
ExtJS学习笔记(五) Tree
树的加载分为全部加载和异步加载全部加载,一次性将所有的数据全部加载出来// 前台JSvar myTree;Ext.onReady(function () { setTree(); setClick();});var store = Ext.create("Ext.data.TreeStore", { proxy: { type: "ajax",原创 2017-01-13 15:34:26 · 508 阅读 · 0 评论 -
ExtJS学习笔记(三) Form
Ext.onReady(function () { setForm();});var store = Ext.create('Ext.data.Store', { fields: ['id', 'title'], data: [ { "id": "0", "title": "Aa" }, { "id": "1", "title": "Bb"原创 2017-01-09 16:52:47 · 502 阅读 · 0 评论 -
ExtJS学习笔记(二) Grid
var grid = null;// 数据源var store = Ext.create("Ext.data.Store", { pageSize: 10, fields: [ { name: "id", type: "int" }, { name: "company", type: "string" }, { name: "pric原创 2017-01-09 16:22:04 · 490 阅读 · 0 评论 -
ExtJS学习笔记(十一) Tree的父子级联动选定,和自定义半选状态
在上一章的基础上添加,上节末尾有源代码地址Ext.define("Demo.controller.tree.Tree", { extend: "Ext.app.ViewController", alias: "controller.demo_tree_tree", init: function () { this.control({原创 2017-01-24 10:17:41 · 1085 阅读 · 0 评论