当前位置:首页 » 网页前端 » extjs项目转纯前端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

extjs项目转纯前端

发布时间: 2022-03-30 20:22:20

㈠ 我想做一个将html的表单转换成extjs的标签,我现在可以将html的表单字段用extjs的方式renderTo,

你所说的保存是什么意思?不太明白。。。。
是说要如何提交给后台么?
如果是这样的话(猜测。。。),那么有两种方法,常规式的submit和ajax
不管怎么样,表单的内容都要自己编辑,set到request或编辑成字符串通过ajax传回去都可以

前端extjs按照教程里面写的没有效果,代码如下

不是没有效果,是你的js报错了,所以没有运行出你要的效果。

Person这个对象的Say函数和构造函数之前少英文逗号 , 这个分隔符,加上就可以了:

Say:function(msg){}, constructor: function (config) {}

个人建议你找个代码编辑器,像Eclipse,MyEclipse这样的,加上Spket这个插件。在Spket里写js,像你这种少标点符号的语法错误,它会直接提示出来的。

希望能够帮到你。

㈢ 会extjs,是不是就可以胜任前端开发的工作了

不是,extjs说白了只是一种工具,它有它适用的范围。只能说如果你把extjs学好了,你就可以开发出一个差不多的管理型系统。但这又需要很多后台技术,所以你得要懂php,或者jsp,或者asp。这样才能游刃有余。
但是extjs也只能开发这种管理系统。这是由于它过于庞大,以及效率跟同类相比略低所致。

㈣ extjs和js和ext之间什么关系

ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
js泛指javascript.
Ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了。
主要包括data、widget、form、grid、dd、menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展,自己定义命名空间。web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了。
主要包括三个大的文件:ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供这一接口),在引用ext类库的时候,这三个文件必不可少。
它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。
从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。
目前的最新版本为4.0

㈤ 如何使得Extjs项目多个页面共用的一个基础的查询表单能够得到页面上的复用

可以自定义成一个类型的亲
Ext.define('myform',{extend:'Ext.form.Panel',
alias: 'widget.myform',

....
})

㈥ extjs中有一组现有的json数据 怎么把它转换并显示在前台页面上

ext:textfield{id='haha'}

haha.setValue(request.msg);

㈦ extjs 在项目中怎么使用

extjs说白了,就是一套做界面的东西,但是呢,他的界面都是用javascript来写的,写出来,经过渲染,就变成了你看到的界面。
至于怎么用,你只要把ext要用到的js文件和css文件引用了,然后写出前端显示的js代码,就能使用了。
如果要学习,推荐你看蔡世友的extjs视频教程,讲的很好的,就是有点老。

㈧ Extjs5项目的生产环境下我们应该如何才能够在每个页面引用最合适的js和css文件呢

最新版本是Extjs5.0.1,我们可以在官方网站进行下载。(这里不得不提一句,Extjs5到目前为止还没有免费的授权,所以下载到的版本是试用版。)
下载到的压缩包解压以后,你会看到一大堆的文件夹和文件,我们该如何使用Extjs5呢?
之前看到过别人说的通过Sencha CMD创建Extjs5项目,但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的,需要在ASP.NET MVC或WebForm中使用Extjs,所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。

㈨ Extjs如何将model中的数组输出的前端

前台部分 首先定义一个数组,用来储存STORE里的值。之后利用store自带的each遍历方法把数组填满。最后建一个ajax请求传送到后台即可。var lstAddRecord=new Array(); store.each(function(record) { lstAddRecord.push(record.data); }); Ext.Ajax.request({ url: 'function/rivaldata/rivalDataAction.do?tag=add', params: {strJson:Ext.encode(lstAddRecord)} });
后台解析部分 主要是利用了JSON-Lib包,实现了关键功能。 String strJson=request.getParameter("strJson");
JSONArray js=JSONArray.fromObject(strJson);
JSONObject jo=null;
Iterator it=js.iterator();
while(it.hasNext()){
jo=(JSONObject)it.next();
//follow codes are get the value :)
String goodId=jo.getString("goodId");
Double goodsPrice=jo.getDouble("goodsPrice");
//ok, to do something use the vaules:)
System.out.println("the goodId is :"+goodId);
}

㈩ 想把extjs 3的项目风格改成extjs5的扁平化风格

确实代码差的比较多 , 不能直接升级 , 而3.4时的CSS也不能很容易的自定义...

比较难....

先升级为4.x .. 也有类似扁平话风格的theme...而且可以升级