随笔分类 - 无废话ExtJs系列教程

随笔分类 - 无废话ExtJs系列教程
http://www.cnblogs.com/iamlilinfeng/archive/2012/07/10/2585232.html
ExtJs 入门教程
摘要: extjs技术交流,欢迎加群(338456177):ExtJs 入门教程一[学习方法]ExtJs 入门教程二[Hello World]ExtJs 入门教程三[窗体:Window组件]ExtJs 入门教程四[表单:FormPanel]ExtJs 入门教程五[文本框:TextField]ExtJs 入门... 阅读全文
posted @  2012-12-31 15:32 李林峰的园子 阅读(27269) |  评论 (22)  编辑
无废话ExtJs 入门教程二十三[员工管理实例:Demo]
摘要: extjs技术交流,欢迎加群(338456177):一、概况:这个实例的开发工具为 vs2010,数据库为 sql2008 r2,数据库设计pd16。以下是对文件的详细说明:解压文件 05 ExtJs教程 夹后 会有以下3个文件夹:00 Extjs.Doc里包含4个文件:(1)数据库创建脚本,为了兼... 阅读全文
posted @  2012-07-10 21:26 李林峰的园子 阅读(13986) |  评论 (38)  编辑
无废话ExtJs 入门教程二十二[动态复选框:RemoteCheckboxGroup]
摘要: extjs技术交流,欢迎加群(338456177):我们在开发系统的时候经常会用到 Checkgroup 由后台取出的情况,然而在 ExtJs CheckboxGroup 并没有提供该服务端数据源的属性。1.代码如下: 1 2 3 4 5 6 7 ... 阅读全文
posted @  2012-07-03 12:39 李林峰的园子 阅读(9326) |  评论 (18)  编辑
无废话ExtJs 入门教程二十一[继承:Extend]
摘要: extjs技术交流,欢迎加群(338456177):在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性。而这些属性可以通过“继承”定义在我们定义的新组件中,从而达到重用的目地。1.代码如下: 1 2 3 4 5 6 7 8 ... 阅读全文
posted @  2012-06-29 20:05 李林峰的园子 阅读(6496) |  评论 (0)  编辑
无废话ExtJs 入门教程二十[数据交互:AJAX]
摘要: extjs技术交流,欢迎加群(338456177):1.代码如下: 1 2 3 4 5 6 7 8 9 10 64 65 66 编号:{id}':中间的{id}占位符要和我们在后台输出 json... 阅读全文
posted @  2012-06-29 11:23 李林峰的园子 阅读(10184) |  评论 (4)  编辑
无废话ExtJs 入门教程十九[API的使用]
摘要: extjs技术交流,欢迎加群(338456177):首先解释什么是 API来自百度百科的官方解释:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力,而又无需访问源码,... 阅读全文
posted @  2012-06-28 18:50 李林峰的园子 阅读(13608) |  评论 (9)  编辑
无废话ExtJs 入门教程十八[树:TreePanel]
摘要: extjs技术交流,欢迎加群(338456177):1.代码如下: 1 2 3 4 5 6 7 8 9 15 16 81 82 83 97 98 用到后台代码如下/App_Ashx/Demo/Tree.ashx:... 阅读全文
posted @  2012-06-28 12:58 李林峰的园子 阅读(11398) |  评论 (0)  编辑
无废话ExtJs 入门教程十七[列表:GridPanel]
摘要: extjs技术交流,欢迎加群(338456177):在Extjs中,GridPanel用于数据显示,即我们平时说的列表页。在本节中,我们先对GridPanel有个基本的认识,后继过程再做Demo练习详细讲解在开发中的应用。1.代码如下: 1 2 3 4 5 6 ... 阅读全文
posted @  2012-06-27 14:33 李林峰的园子 阅读(16030) |  评论 (18)  编辑
无废话ExtJs 入门教程十六[页面布局:Layout]
摘要: extjs技术交流,欢迎加群(338456177):首先解释什么是布局:来自百度词典的官方解释:◎ 布局 bùjú:[distribution;layout] 对事物的全面规划和安排,布:陈设;设置。我对布局理解是“把**东西放在**位置显示”[动词]。ok,我们这节课就讲一下怎么样把 ExtJs ... 阅读全文
posted @  2012-06-26 21:06 李林峰的园子 阅读(13459) |  评论 (7)  编辑
无废话ExtJs 入门教程十五[员工信息表Demo:AddUser]
摘要: extjs技术交流,欢迎加群(338456177):前面我们共介绍过10种表单组件,这些组件是我们在开发过程中最经常用到的,所以一定要用到非常熟练才可以,今天我们会通过一个员工信息表实例,再把这些组件串一下。(1)TextField (2)Botton (3)NumberField(4)Hidden... 阅读全文
posted @  2012-06-25 20:25 李林峰的园子 阅读(9549) |  评论 (14)  编辑
无废话ExtJs 入门教程十四[文本编辑器:Editor]
摘要: extjs技术交流,欢迎加群(338456177):ExtJs自带的编辑器没有图片上传的功能,大部分时候能够满足我们的需要。但有时候这个功能还是需要的。我在这里对keeditor进行了整合。首先要下载keeditor和上传时需要引用的LitJson.dll。由于ke的版本不同,我这里提供的下载文件只... 阅读全文
posted @  2012-06-25 10:01 李林峰的园子 阅读(13064) |  评论 (17)  编辑
无废话ExtJs 入门教程十三[上传图片:File]
摘要: extjs技术交流,欢迎加群(338456177):1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 85 86 87 ';这个是原生态的js,把imageshow的值换成图片。... 阅读全文
posted @  2012-06-24 22:54 李林峰的园子 阅读(13929) |  评论 (8)  编辑
无废话ExtJs 入门教程十二[下拉列表联动:Combobox_Two]
摘要: extjs技术交流,欢迎加群(338456177):不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其他下拉列表,如:省、市、地区。当我们监听到省变化时,向service端发送省的编号,service端根据收到的"省"编号到数据库中查询该省所对应的市信息,地区同理,抓住这一点... 阅读全文
posted @  2012-06-23 22:48 李林峰的园子 阅读(11072) |  评论 (19)  编辑
无废话ExtJs 入门教程十一[下拉列表:Combobox]
摘要: extjs技术交流,欢迎加群(338456177):继上一节内容,我们在表单里加了个一个下拉列表:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 21 207 208 20... 阅读全文
posted @  2012-06-23 19:09 李林峰的园子 阅读(17273) |  评论 (11)  编辑
无废话ExtJs 入门教程十[单选组:RadioGroup、复选组:CheckBoxGroup]
摘要: extjs技术交流,欢迎加群(338456177):继上一节内容,我们在表单里加了个一个单选组,一个复选组:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 21 186 1... 阅读全文
posted @  2012-06-23 13:12 李林峰的园子 阅读(13172) |  评论 (10)  编辑
无废话ExtJs 入门教程九[数字字段:NumberField、隐藏字段Hidden、日期字段:DataFiedl]
摘要: extjs技术交流,欢迎加群(338456177):继上第六节内容,我们在表单里加了个一个数字字段,隐藏字段,日期字段。如下代码所:1.代码如下: 1 2 3 4 5 6 7 8 9 10 11 ... 阅读全文
posted @  2012-06-23 10:44 李林峰的园子 阅读(15954) |  评论 (19)  编辑
无废话ExtJs 入门教程八[脚本调试Firefox:firebug]
摘要: extjs技术交流,欢迎加群(338456177):Firebug是一个Firefox插件,功能:HTML查看和即时编辑、控制台、网络状况等,是开发JavaScript、ExtJs的得力调试工具。一、Firefox的安装.下载地址: http://www.mozilla.org.cn二、Firebu... 阅读全文
posted @  2012-06-23 09:36 李林峰的园子 阅读(11699) |  评论 (3)  编辑
无废话ExtJs 入门教程七[登陆窗体Demo:Login]
摘要: extjs技术交流,欢迎加群(338456177):在这节我们通过前几节讲的内容做一个登陆页面,把前几节讲的内容贯穿一下。1.代码如下: 1 2 3 4 5 6 7 8 9 15 16 111 11... 阅读全文
posted @  2012-06-21 19:27 李林峰的园子 阅读(18921) |  评论 (22)  编辑
无废话ExtJs 入门教程六[按钮:Button]
摘要: extjs技术交流,欢迎加群(338456177):继上一节内容,我们在表单里加了个两个按钮“提交”与重置。如下所示代码区的第68行位置,buttons: [btnsubmit, btnreset]。1.代码如下: 1 2 3 4 5 6 7 ... 阅读全文
posted @  2012-06-21 17:00 李林峰的园子 阅读(18955) |  评论 (21)  编辑
无废话ExtJs 入门教程五[文本框:TextField]
摘要: extjs技术交流,欢迎加群(338456177):继上一节内容,我们在表单里加了个两个文本框。如下所示代码区的第42行位置,items: [txtusername, txtpassword]。1.代码如下: 1 2 3 4 5 6 7 8 9... 阅读全文
posted @  2012-06-21 16:00 李林峰的园子 阅读(24734) |  评论 (19)  编辑
无废话ExtJs 入门教程四[表单:FormPanel]
摘要: extjs技术交流,欢迎加群(338456177):继上一节内容,我们在窗体里加了个表单。如下所示代码区的第28行位置,items:form。1.代码如下: 1 2 3 4 5 6 7 8 9 10 33 34 35 这... 阅读全文
posted @  2012-06-19 13:06 李林峰的园子 阅读(16460) |  评论 (12)  编辑
无废话ExtJs 入门教程三[窗体:Window组件]
摘要: extjs技术交流,欢迎加群(338456177):1.代码如下: 1 2 3 4 5 6 7 8 9 10 26 27 28 这里是窗体内容':窗体内部显示的html内容。34 (5)resizable: true:是... 阅读全文
posted @  2012-06-18 15:25 李林峰的园子 阅读(20586) |  评论 (6)  编辑
无废话ExtJs 入门教程二[Hello World]
摘要: extjs技术交流,欢迎加群(338456177):我们在学校里学习任何一门语言都是从"Hello World"开始,这里我们也不例外。1.代码如下: 1 2 3 4 5 6 7 8 9 10 15 16 17 22 23 效果... 阅读全文
posted @  2012-06-18 14:53 李林峰的园子 阅读(23212) |  评论 (15)  编辑
无废话ExtJs 入门教程一[学习方法]
摘要: extjs技术交流,欢迎加群(338456177):本教程的制作是基于我从零开始学习ExtJs到正式在项目中应用的整个学习过程和方法,其中肯定会有许多不足之处,还请大家多多批评指正。很多书籍和网上的教程大多是从API与ExtJs的机制开始讲解的。而在我的学习过程中发现,没有接触过ExtJs或对jav... 阅读全文
posted @  2012-06-18 14:14 李林峰的园子 阅读(28028) |  评论 (16)  编辑
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于Electron集成ExtJS的详细教程,以下是一个简单的步骤指南: 步骤1:创建Electron项目 首先,你需要创建一个Electron项目。可以通过使用Electron提供的命令行工具(electron-forge、electron-builder等)或手动创建一个基本的Electron项目。 步骤2:下载ExtJS框架 前往Sencha官方网站下载ExtJS框架。选择适合你的版本,并下载压缩包。 步骤3:解压缩ExtJS框架 将下载的ExtJS压缩包解压到你的Electron项目的目录中。确保将其放置在一个易于访问的位置。 步骤4:引入ExtJS库 在你的Electron项目的index.html文件中,使用script标签引入ExtJS库。根据你的文件结构和解压位置,设置正确的路径。 ```html <script src="path/to/extjs/ext-all.js"></script> ``` 步骤5:创建ExtJS应用 在你的Electron项目中创建一个新的JavaScript文件,用于编写ExtJS应用。在该文件中,编写ExtJS应用的代码逻辑。 ```javascript // 示例代码 Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.panel.Panel', { title: 'Hello ExtJS!', width: 400, height: 300, renderTo: Ext.getBody() }); } }); ``` 步骤6:加载ExtJS应用 在Electron项目的主进程(main.js)中,使用BrowserWindow加载ExtJS应用的入口文件。 ```javascript // 示例代码 const { app, BrowserWindow } = require('electron'); const path = require('path'); function createWindow() { const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }); mainWindow.loadFile('path/to/your/extjs-application.js'); // 其他窗口逻辑... } app.whenReady().then(() => { createWindow(); }); ``` 步骤7:运行Electron应用 最后,通过运行你的Electron应用来启动集成了ExtJS的界面。 确保在Electron项目的根目录下运行以下命令: ```bash electron . ``` 以上是一个简单的详细教程,希望能对你有所帮助。根据你的具体需求和项目结构,还可能需要进行更多配置和调整。同时,建议参考ExtJS官方文档和Electron文档以获得更详细的信息和指导。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值