Javascript 理解ExtJS框架语法
我得到了一个使用Sencha的ExtJS框架的项目,没有移交或文档。我正在努力掌握它,理解以下语法,并为这个框架的新手寻找站点/资源 我一直在查看代码,不确定它到底在做什么,即:Javascript 理解ExtJS框架语法,javascript,jquery,css,extjs,Javascript,Jquery,Css,Extjs,我得到了一个使用Sencha的ExtJS框架的项目,没有移交或文档。我正在努力掌握它,理解以下语法,并为这个框架的新手寻找站点/资源 我一直在查看代码,不确定它到底在做什么,即: if(val==1) { Ext.getCmp('status').setText('AWAITING APPROV'); } switch(flag) { case 1: if(val==0) { Ext.getCmp('comp
if(val==1) {
Ext.getCmp('status').setText('AWAITING APPROV');
}
switch(flag) {
case 1: if(val==0) {
Ext.getCmp('complex_first').el.replaceCls('x-form-complex', 'x-form-simplex');
} else {
Ext.getCmp('complex_first').el.replaceCls('x-form-simplex', 'x-form-complex');
}
break;
case 2: if(val==0) {
Ext.getCmp('complex_second').el.replaceCls('x-form-complex', 'x-form-simplex');
} else {
Ext.getCmp('complex_second').el.replaceCls('x-form-simplex', 'x-form-complex');
}
break;
default: break;
}
现在我非常了解jQuery,因此可以将其与ExtJS进行比较,但下面的具体操作是什么:
Ext.getCmp('status')
Ext.getCmp('complex_first').el.replaceCls('x-form-complex',
“x形单纯形”)代码>
Ext.getCmp('complex_first').el.replaceCls('x-form-simplex',
“x型复合物”)代码>
这些类是/div ID吗?代码或CSS文件中是否有提供更多信息的内容?在Ext JS应用程序中,页面上作为子项(网格、面板、表单项等)的所有内容都将注册到static 这提供了一种以编程方式检索对这些组件的引用并对其执行操作的简单方法,而无需运行潜在的复杂DOM查询 Ext.getCmp()是的别名,因此,在您的示例中,Ext.getCmp('status')将检索使用id status创建的组件。您可以在代码库中找到对它的引用 组件仅在渲染后获得对象,允许您与DOM元素交互。这可以通过.getEl()或直接通过.el属性访问。Element对象提供了与DOM交互、提供跨浏览器遵从性等其他方法(大致相当于jQuery元素) 将交换或添加DOM中的类
我建议创建一个示例应用程序,以便在尝试破译潜在的复杂代码库之前掌握核心Ext JS概念。在Ext JS应用程序中,页面上作为子项(网格、面板、表单项等)的所有内容都将注册到静态数据库中 这提供了一种以编程方式检索对这些组件的引用并对其执行操作的简单方法,而无需运行潜在的复杂DOM查询 Ext.getCmp()是的别名,因此,在您的示例中,Ext.getCmp('status')将检索使用id status创建的组件。您可以在代码库中找到对它的引用 组件仅在渲染后获得对象,允许您与DOM元素交互。这可以通过.getEl()或直接通过.el属性访问。Element对象提供了与DOM交互、提供跨浏览器遵从性等其他方法(大致相当于jQuery元素) 将交换或添加DOM中的类 我建议创建一个示例应用程序,以便在尝试破译潜在的复杂代码库之前掌握核心ExtJS概念。这些都是好的。确保查找与项目匹配的版本和工具包。除了文档之外,您还可以单击页面顶部或属性/方法级别的“查看源代码”,以查看类或成员的源代码。在右侧列中,它列出了类层次结构、所有子类、混合等
Ext.getCmp
按id查找。这将返回组件实例,它是一个Ext对象。代码传递给此方法的字符串(“status”、“complex_first”、“complex_second”)应与JS代码中给定的组件匹配。此外,它还将是呈现时提供给底层DOM元素的id
组件的当前版本文档没有列出属性,el
,但是如果返回到,您会找到它。它返回的实例,它是表示组件的顶级DOM元素的包装器。当前支持的获取方法是调用。但是,如果查看当前版本的,您将看到它返回.el
属性。因此,财产仍在幕后
是Ext.dom.Element
的一种方法,它用其他类替换此元素上的一个或多个CSS类 天气很好。确保查找与项目匹配的版本和工具包。除了文档之外,您还可以单击页面顶部或属性/方法级别的“查看源代码”,以查看类或成员的源代码。在右侧列中,它列出了类层次结构、所有子类、混合等
Ext.getCmp
按id查找。这将返回组件实例,它是一个Ext对象。代码传递给此方法的字符串(“status”、“complex_first”、“complex_second”)应与JS代码中给定的组件匹配。此外,它还将是呈现时提供给底层DOM元素的id
组件的当前版本文档没有列出属性,el
,但是如果返回到,您会找到它。它返回的实例,它是表示组件的顶级DOM元素的包装器。当前支持的获取方法是调用。但是,如果查看当前版本的,您将看到它返回.el
属性。因此,财产仍在幕后
是
Ext.dom.Element
的一种方法,它用其他类替换此元素上的一个或多个CSS类 你能发布你的应用程序写的是哪个版本的Ext吗?这可能很重要。您可以使用应用程序控制台中的Ext.versions
进行检查。您可以发布您的应用程序编写的Ext版本吗?这可能很重要。您可以使用应用程序控制台中的Ext.versions
进行检查。