学习Extjs与RoR的集成有感

最新推荐文章于 2008-02-26 17:41:00 发布
最新推荐文章于 2008-02-26 17:41:00 发布
阅读量6.3k 收藏
点赞数
分类专栏： 瞭望站 文章标签： extjs 浏览器 tree menu mfc div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaosun/article/details/1603740
版权
 今天除了跟两个项目的负责人讨论他们的开发过程改进外，其余时间就是在学习Extjs，对我来讲，最好的办法，就是在PPA系统中中应用它们，幸好，Extjs现在已经可以与RoR应用集成在一起了。
看了一个伙计录的Extjs的教程，里面的浏览器的地址栏中的端口是3000，不用说应该是RoR的应用了，里面的界面设计很新颖，连忙发给drift看，得到感叹若干。
经过一番努力，tree，grid和menu已经加入到了PPA系统中，忽然感觉这种编程方式好熟悉啊，仔细想想，用VC定义菜单和事件处理时，不就是这么做的吗？toolbar，Menu，MenuItem定义完，会形成一个资源文件，其内容跟现在的literal有多大的区别？
又在梁的推荐下安装了IE spector，运行例子时，去看tree的Dom结构，这才意识到，要想用js在浏览器中画出一棵树来，真不是件容易事啊。一个典型点的树节点，大约需要5-6个span或者div才能完成，一棵树下来，就会有一堆的span或者div，这么多频繁而琐碎的dom操作难怪性能要比taglib慢呢。
由上面的两点，联想到了若干年前的MFC框架，以及ATL，不知道还有多少人在用它们，Ajax流行后，大家好像越来越开始怀念Win32程序，结果个浏览器中画出了形形色色的widgets，难道这就是BS的最终命运吗？
 
 
 
xiaosun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
extjs技术学习资料ppt.zip
10-29
extjs技术学习资料ppt
extJs+2.1学习笔记.pdf
06-15
extJs+2.1学习笔记.pdfextJs+2.1学习笔记.pdfextJs+2.1学习笔记.pdfextJs+2.1学习笔记.pdfextJs+2.1学习笔记.pdfextJs+2.1学习笔记.pdf
学习ExtJS TextField常用方法
01-19
一、属性 fieldLabel：标签名称。 labelWidth：标签宽度。 ID：文件框ID。 二、构造参数 listeners：在对象初始化之前，将一系列事件进行绑定。 三、函数 getCmp(string _id)：得到id为_id的组件对象。...
ExtJS与.NET结合开发实例.doc
01-05
ExtJS与.NET结合开发实例
extjs5.0学习文档中文WORD版
07-22
资源名称：extjs5.0学习文档 中文WORD版内容简介：Ext是一个强大的js类库，以前是基于雅虎UI,现在已经完全独立了。 它提供了丰富的，非常漂亮的外观体验，成为众多界面层开发人员的追捧！其核心的组件基本覆盖了我们...
extjs fckeditor集成代码
01-21
代码如下:{ xtype : “textarea”, name : “content”, anchor : ‘97%’, height : 400, id : “content”, fieldLabel : “内容”, listeners : { “render” : function(f) { fckEditor = new FCKeditor(...
学习ExtJS Panel常用方法
12-01
xtype：在EXTJS的可视化组件部署中的一种机制，即通过指定xtype的值，来告诉容量如何初始化所包含的级件，如xtype:”textfiled”,表示使用Ext.form.TextFile来进行初始化当前组件。 xtype Class ————- ————...
学习ExtJS fit布局使用说明
10-29
ExtJS fit布局使用说明，需要的朋友可以参考下。
Extjs4.0学习指南中文PDF版
07-22
Extjs4学习指南（仅供学习使用、转载需注明出处）Extjs4可用的学习资料少之又少，本文内容大部分为网络整理、方便学习者使用，如有出入以extjs4 api文档为准。资源截图： 资源太大，传百度网盘了，链接在附件中，有...
extjs4.x学习笔记
01-12
xtJs已经升级到了5.0了，目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看，ExtJs3的缺陷还是比较明显的，从ExtJs4 开始引入了MVC架构，从而能够从容的组织系统的JS文件了。 从...
ExtJS 6 学习笔记
12-07
本来我是打算自己写一个系列的 ExtJS 6 学习笔记的，因为 ExtJS 6 目前的中文 学习资料还很少。 google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电 子书 [Ext JS 6 By Example] 。这份资料在 PACKT 上卖 ...
extjs 学习笔记（二） Ext.Element类
10-29
上个系列中，我们用到了Ext.fly来获得一个Element对象，其实Ext.fly是Ext.Element.fly的简写形式。类似的方法还有一个Ext.get，是Ext.Element.get的简写。这两个方法都可以用使用Dom元素或者Dom元素的id作为参数来...
学习ExtJS border布局
10-29
ExtJS border布局使用说明，需要的朋友可以参考下。
学习ExtJS accordion布局
10-29
ExtJS accordion布局使用说明，需要的朋友可以参考下。
学习ExtJS form布局
10-29
ExtJS form布局使用说明，需要的朋友可以参考下。
学习ExtJS Column布局
10-29
ExtJS Column布局使用说明，需要的朋友可以参考下。
学习ExtJS table布局
10-29
ExtJS table布局使用说明，需要的朋友可以参考下。
闻听成都华为的员工跳楼自杀
豆豆他爹的生活随笔
02-26 5413
刚刚去csdn找资料，发现了一条新的消息，成都华为的员工跳楼自杀：见http://news.csdn.net/n/20080226/113874.html 从工资水平而论，华为要比我们拿得高得多，我的很多同事都跳去了华为，基本上可以证明这一点。不过，生存环境并不是看你拿多少钱就能改善的，或许你可以认为我是吃不到葡萄说葡萄酸，但至少我是这么认为的。睡不着觉的大有人在，虽然我就是其中的
electron集成extjs详细教程
最新发布
08-23
对于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文档以获得更详细的信息和指导。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiaosun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值