Jquery和Extjs最简单的教程

时间:2010-03-06 08:42:34

标签: javascript jquery extjs

我想要链接到JQuery和ExtJs的教程,它将涵盖以下内容或主题

注意:请不要向我提供我知道的网站链接。

  1. 如何设置两个包。
  2. 这是必不可少的。

    1. 如何访问DIV元素

    2. 如何获取div中的所有元素,如复选框,单选按钮,div等

    3. 如何针对另一个DIV定位DIV(它与Sholud交叉浏览器兼容)

    4. 请告诉我

3 个答案:

答案 0 :(得分:4)

Ext JS

查看Ext Core手册 http://www.extjs.com/products/extcore/manual/

  

如何设置两个包。

  1. 下载Ext Core
  2. 通过脚本标记链接ext-core-debug.js(
  3. 查看手册的概述部分。

      

    如何访问DIV元素

    var div = Ext.get('idOfDiv');
    

    查看元素 - >获取手册中的元素部分。

      

    如何获取div中的所有元素   像复选框,单选按钮,div   等

    使用上面的div参考

    var inputs = div.select('input');
    

    查看核心手册的DomQuery和复合元素部分

      

    如何尊重DIV   另一个DIV(它Sholud是交叉的   浏览器兼容)

    您可以使用Ext.Element,getXY,getLeft,getTop等定位方法以及相应的setXY,setLeft,setTop等

    查看元素 - >在Ext Core手册中定位

答案 1 :(得分:0)

  1. 在您的网站项目上创建一个脚本目录。
  2. 下载软件包并解压缩脚本目录中的文件。
  3. 为每个包添加适当的脚本标记(请注意,您必须使用exJs对JQuery的支持,否则您将有两种方法来访问页面的元素)。教程Basic Page Setup描述了您需要做的事情 - 请参阅下面的其他信息!
  4. 尝试按照一些教程进行操作。描述你必须做什么来实现这个或那个(我们甚至不知道)需要很长时间。学习教程并复制一些结果应该让你回到半天或一天。 (Exjs教程:http://www.extjs.com/learn/Tutorialshttp://www.extjs.com/learn/Main_Page,JQuery教程:http://docs.jquery.com/Tutorials)。
  5. 请注意第3步: 在遵循Basic Page Setup教程时,在所有ext /目录前加上脚本目录的路径,例如: “/ myScriptDir /”(此处用于表示您的脚本目录)。另外替换

    <script type="text/javascript" src="/myScriptDir/ext/adapter/ext/ext-base.js"></script>
    

    <script type="text/javascript" src="/myScriptDir/jquery-jquery-1.4.2.min.js"></Script>
    <script type="text/javascript" src="/myScriptDir/ext/adapter/ext/ext-base.js"></script>
    

    要访问您页面上的元素,您可以使用JQuery selectors,例如

    1. var divs = $('div'); // gets the div elements in the document
    2. var inputs = $('div input'); // gets the input elements inside a div in the document
    3. 最后一些友好的建议:要解决问题,你必须准备好学习。永远不要认为该解决方案将作为礼物呈现。

答案 2 :(得分:-1)

很明显,Mandrex1的主要语言不是英语。他试图询问的是有关如何在集成的jquery和extjs场景中使用DIV的任何信息的链接。他还要求大家不要在设置集成的jquery和extjs时发布链接,因为他已经知道如何去做。

他并不懒惰。事实上,他非常有资源,因为他在询问在哪里找到这些信息而不是要求他实际解决他的问题。