我在ExtJS 4中构建应用程序时很困难,其中一部分是关于何时在initComponent()中配置某些内容以及何时不...

例如,在Sencha自己的MVC Application Architecture doc中,首次创建网格视图时,他们在initComponent()方法中定义了内联存储.(参见"定义视图"部分)

再往下,当他们将商店分解为一个单独的类时,他们将定义移到了initComponent()之外.有一个有用的评论引起了对这一事实的关注,但没有解释.(请参阅创建模型和存储部分)

我猜原因应该是显而易见的,但我很想念它.有什么指针吗？

我需要使用ExtJs编写我的下一个项目.这是一个很好的Javascript lib,但我并不完全理解它背后的想法.以文档页面为例.

我应该用这样的extjs编写我的Web应用程序吗？一页永远不应该刷新,一切都由AJAX完成？

如果到正确的地方可能需要大量"点击"并使用它,如何调试此类应用程序.您无法修复该错误并在浏览器中点击刷新以查看结果.

有什么建议？

是否有一种方法允许我完全按照我使用以下方式加载我在ExtJS网格面板中存储的数据:

var data = ["value1", "value2"]
Store.loadData(data);

我想有一个用户选项来重新加载网格,但需要考虑对商店的更改.用户可以进行更改并且网格会动态更新,但是如果我重新加载网格,即使已使用新更改更新了数据库,也会显示最初加载的数据.我宁愿不重新加载页面,只是让他们用新更改的商店重新加载网格数据本身.

我想我正在寻找这样的东西:

var data = Store.getData();
//data = ["value1", "value2"]

一切都说完了之后.或者是否有不同的方法使用我不知道的新数据刷新网格.即使使用代理仍然使用"原始"数据,而不是新商店.

我在许多源代码中看到:

var me = this;

特别是在Ext-JS 4(JS框架)中.为什么这样做？还有其他原因或者你只是想要一个变量被称为"我"而不是"这个"吗？

谢谢.

所以我有一个ASP.NET MVC应用程序,它引用了不同地方的许多javascript文件(在站点主文件中以及在几个视图中的其他引用).

我想知道是否有一种自动方式可以压缩并尽可能地将这些引用最小化到单个.js文件中.这样......

<script src="<%= ResolveUrl("~") %>Content/ExtJS/Ext.ux.grid.GridSummary/Ext.ux.grid.GridSummary.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.rating/ext.ux.ratingplugin.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/ext-starslider/ext-starslider.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.dollarfield.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.combobox.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/ext.ux.datepickerplus/ext.ux.datepickerplus-min.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/SessionProvider.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ExtJS/TabCloseMenu.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ActivityViewer/ActivityForm.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ActivityViewer/UserForm.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ActivityViewer/SwappedGrid.js" type="text/javascript"></script>
<script src="<%= ResolveUrl("~") %>Content/ActivityViewer/Tree.js" type="text/javascript"></script>

......可以减少到这样的......

<script src="<%= ResolveUrl("~") %>Content/MyViewPage-min.js" type="text/javascript"></script>

谢谢

我们将在Web上构建一个企业级应用程序,为此我们已经将我们的选择过滤到ExtJS和KendoUI.

两者都很不错并且具有丰富的功能/控件,KendoUI的性能比ExtJS快,但ExtJS就像更完整的包,其中包括构建桌面所需的每个组件,如Web应用程序和Grid似乎更强大.

另一方面,使用KendoUI,我们拥有jQuery的强大功能,感觉像家庭熟悉和几乎零学习曲线,因为团队已经使用jQuery.

有没有人有使用其中任何一个构建大型企业级应用程序的经验？如果是,你的经历是什么？请分享它是坏还是好,以便在我最终与他们中的任何人长时间合作之前我可以有一些基础.

我更倾向于ExtJS,因为我们将使用来自CubeDrive(myCalendar)的调度程序控件,它再次位于ExtJS中.

因此,欢迎您的想法和经验帮助我做出正确的决定.

我熟悉使用函数来确定使用xtemplate的特定条件,但不知道如何在没有条件if语句的情况下直接调用函数.

例如,我的代码想要将一些字符附加到我在xtemplate中使用的字符串中.我认为最好的方法是在渲染xtemplate时附加字符.

var myTpl = new Ext.XTemplate(
  '<tpl for=".">',

    '<tpl if="this.isThumbnailed(thumbnailed) == true">',

      '<img src=this.getThumbUrl(rawThumbUrl)/>', //this call to function does not work, also tried variations of this.

    '</tpl>',

  '</tpl>',

 {
  isThumbnailed : function(thumbnailed) {
    return ...;
  },
  getThumbUrl : function(rawThumbUrl) {
    //... //this function does not get called.
    return ...;
  }

 }
)

介绍

我Ext.data.Model在ExtJS中遇到了类的应用程序设计问题.我会尝试将我的想法发展到一个非常常见的在线商店场景,所以你可以关注我.我非常感谢对我的想法和结论的任何评论!

楷模

假设您想要将" 每个客户可以订购多个产品 " 的事实映射到ExtJS.从裸露的话可以鉴定涉及这三种模式:Customer,Order,和Product.在Order这种情况下就是连接CustomerS和 Product秒.

协会

我发现ExtJS实际上允许您(Customer)1-n(Order)1-n(Product)使用Ext.data.HasManyAssociation和Ext.data.BelongsToAssociation类指定此关系.但这是人们想要的吗？你想要一个Product永远属于一个Order？如果你想要一个Product没有任何连接的s 列表Order怎么办？

商店

这是它更具特定的ExtJS的地方.在ExtJS中,您可以Ext.data.Store保存所有数据.对我来说,组织我的数据的一种自然方式是Ext.data.Store为每个模型设置一个:

1. CustomerStore
2. OrderStore
3. ProductStore

考虑Ext.grid.Panel并排三个人; 每个商店一个.在一个网格中选择客户时,他的订单会自动显示在第二个网格中.在第二个网格中选择订单时,相关产品将显示在第三个网格中.

这对你来说听起来很自然吗？如果没有,请评论!

将它们整合在一起

所以现在我们需要把三件事情放在一起:

1. 模特和他们的
2. 关联(hasMany,belongsTo)和
3. 数据(StoreS)

是否可以仅从模型 - 模型关系的一侧定义关联？例如,我可以指定一个Order hasMany Product但是省略Product belongsTo一个Order吗？因为一个Product实际上可以属于多个Order.因此,我在下面指定Product …

我想使用其中的其他ExtJS组件(例如TreePanel)创建自定义ExtJS 表单字段组件.我怎样才能最轻松地完成这项工作？

我已经阅读了Ext.form.field.Base的文档,但我不想定义字段体fieldSubTpl.我只想编写创建ExtJS组件的代码,也可以编写一些获取和设置值的代码.

更新:总结目的如下:

• 这个新组件应该以GUI形式作为字段.它应该具有标签和其他字段的相同对齐(标签,锚点),而无需进一步的黑客攻击.

• 可能,我必须编写一些getValue,setValue逻辑.我宁愿将它嵌入到这个组件中,而不是将分离的代码复制到我必须管理的更隐藏的表单字段中.

我有一组由五个商店驱动的组合框,我想在所有商店完全加载后启动一个功能.这样做的推荐方法是什么？我可以做这样的事情,但感觉很糟糕:

var store1Loaded = false;
var store2Loaded = false;

store1.on('load', function(){
    store1Loaded = true;
});

store2.on('load', function(){
    store1Loaded = true;
});


store1.load();
store2.load();

function WaitForFunction()
{
    if (!store1Loaded || !store2Loaded)) {
       setTimeout( WaitForFunction, 100);
       return;
    }
    AllStoresLoaded();
}

function AllStoresLoaded(){
      //Do Something
}