标签: extjs5

如何使用Ext5组合框与数据绑定

我想使用一个组合框,它接收来自数据绑定的预选值,以及来自同一商店的数据绑定的可能选项.面板项配置如下所示:

{
    xtype: 'combobox',
    name: 'language_default',
    fieldLabel: 'Default Language',
    multiSelect: false,
    displayField: 'title',
    valueField: 'language_id',
    queryMode: 'local',
    bind: {
        value: '{database.language_default}',
        store: '{database.languages}'
    }
}
Run Code Online (Sandbox Code Playgroud)

如果我使用此配置,组合框的存储将无效且无法使用.

是否有可能结合选择的选项 可用选项 A的组合框

binding combobox extjs store extjs5

4
推荐指数
1
解决办法
7071
查看次数

EXT JS 5.1缩小核心框架在开发时的工作

开发时我想使用Ext JS 5.1的缩小.js文件,就像他们在Sencha Fiddle上一样.看起来你可以使用Sencha的cdn链接但是当我在索引文件中使用它时它会失败.

我是否需要在bootstrap.js文件中执行某些操作,使其仅使用链接而不是Ext Js 5根文件夹?我想为服务器上托管的多个应用程序使用相同的链接来处理企业情况.

此外,Chrome Dev Tools运行速度超慢,无法加载每个文件.我想使用一个缩小的文件再次使它变得有用.

extjs extjs5

4
推荐指数
1
解决办法
1573
查看次数

EXTJS 5 - 仅限日期选择器年份和月份

我想这个问题已被问过很多(因为我发现了一些关于它的话题),但我仍然不知道如何渲染日期选择器,只显示月份和年份.我想我可以这样做:

  • 创建我自己的cuctom组件(但我认为我对Extjs的了解不够好,无法创建显示月份和年份的组件,并且在单击时会呈现年份和月份选择器.
  • 使用谷歌上的一些代码创建一个插件(但我不知道如何在extjs中使用插件^^").
  • 使用第三个库年月和月份选择器添加到我的extjs应用程序中.

你们能指导我完成我应该选择的内容,并给我任何可以参考的链接吗?

提前致谢 !

javascript extjs datepicker extjs5

4
推荐指数
2
解决办法
7730
查看次数

Exj JS 5,来自ViewController的Access Store/Model

我想从ViewController加载项目/项目.这是一个例子:

Ext.define('MyApp.model.User', {
   extend: 'Ext.data.Model',
   fields: ['name', 'email'],
   proxy: {
       type: 'rest',
       ...
   }
});

Ext.define('MyApp.store.User', {
   extend: 'Ext.data.Store',
   model: 'MyApp.model.User',
   data : [
    {firstName: 'Seth',    age: '34'},
    {firstName: 'Scott', age: '72'},
    {firstName: 'Gary', age: '19'},
    {firstName: 'Capybara', age: '208'}
   ]
});

Ext.define('MyApp.view.MainController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.main',

    init: function() {
        //how to access store here and load items, using its load() method?
        //how to access model here and load an item, using its load() method?
    }
});
Run Code Online (Sandbox Code Playgroud)
  1. 如何从这里访问商店并使用其load()方法加载项目?
  2. 如何使用其加载方法访问模型并加载项目?

javascript extjs extjs-mvc extjs5

4
推荐指数
1
解决办法
3567
查看次数

Ext JS - 如何将参数传递给视图中控制器中的侦听器

我有一个视图 - 基本上是一个面板...我有菜单按钮.....按钮内的4个菜单...我想每次调用控制器中存在的一个特定功能但是参数不同...这怎么可能 ?

xtype: 'button',
menu: {
  items: [{
    text : 'menu 1',
    listeners: {
       click: 'controllerfunction' //with argument 1
    }
  }, {
   text : 'menu 2',
    listeners: {
       click: 'controllerfunction' // with argument 2
    }
  }]
}
Run Code Online (Sandbox Code Playgroud)

javascript extjs extjs5

4
推荐指数
2
解决办法
4471
查看次数

ExtJS 6-如何在不使用表单的情况下上传文件?

Ext JS提供了fileuploadfield与按钮捆绑在一起的按钮,以浏览本地文件。我只需要使用从本地选择的文件就上传文件,而不是使用提交按钮来触发发布过程。选择文件后找不到触发的事件。

ps实际上,我使用的版本是Ext JS 6,但我认为基于以前版本的解决方案也可以完成。

extjs extjs4 extjs5 extjs6 extjs6-classic

4
推荐指数
2
解决办法
7679
查看次数

Extjs 5 - 整个页面上的LoadMask无法正常工作

在Extjs 4.2中,我在整个页面中使用了Load Mask

在常见的实用程序类中:

loadMask: null,
showLoading : function() {
    if (!this.loadMask) {
      this.loadMask = new Ext.LoadMask(Ext.getBody(), { msg: "Loading..." });
    }
    this.loadMask.show();
  },

  clearLoading:function() {
    this.loadMask.hide();
  },
Run Code Online (Sandbox Code Playgroud)

我在加载/保存期间在所有页面中调用此方法(等待服务器端响应),但在Extjs 5.0中,它无法正常工作,我收到以下错误消息:

Uncaught TypeError: Cannot call method 'mask' of undefined all-classes.js:1
Ext.define.show all-classes.js:1
Ext.define.loadingProcess all-classes.js:1
Ext.define.listeners.beforeload all-classes.js:1
Ext.define.doFire all-classes.js:1
Ext.define.fire all-classes.js:1
Ext.define.doDispatchEvent all-classes.js:1
Ext.define.dispatchEvent all-classes.js:1
Ext.define.doFireEvent all-classes.js:1
a.doFireEvent all-classes.js:1
Ext.define.fireEvent all-classes.js:1
Ext.define.load
Run Code Online (Sandbox Code Playgroud)

javascript extjs extjs5

3
推荐指数
1
解决办法
6190
查看次数

如何使用gridfilters插件并以编程方式清除/设置过滤器?

在我的应用程序(ExtJS 5.0.1)中,我尝试使用带有自定义/硬编码接头的gridfilters插件和快捷方式按钮(也来自树)的网格。

我可以部分模拟过滤器的设置和清除,但是遇到以下问题:

1-当我通过grid.filters.store.addFilter(..)列标题的样式设置过滤器时,它不会变为粗体,并且网格过滤器复选框保持未选中状态。

2-与1相同,但取反...首先在列上设置过滤器,当我清除过滤器时,该列将保持为粗体,但在这种情况下,复选框将被清除(应如此)。

3-当我使用汇总功能“有时”时,总数量未更新

所以,我的问题是:是否有适当的方法以编程方式设置/清除模仿gridfilter插件的过滤器?

我放了一个小提琴来模拟这一点。

https://fiddle.sencha.com/#fiddle/akh

最好的问候,里卡多·塞萨斯

extjs extjs5

3
推荐指数
1
解决办法
4831
查看次数

如何为 ext5 中的每个 ajax 请求设置通用请求头?

我必须为每个 ajax 请求设置自定义标头,有没有办法只执行一次而无需在每个 ajax 代理中手动配置它。

proxy: {
   headers: {
      token: 'xyz' // this token that every proxy should contain to communicate with our remote server. 
   }
}
Run Code Online (Sandbox Code Playgroud)

在 jQuery 中,我可以通过使用“ajaxPrefilter”来实现这一点,如下所示:

jQuery.ajaxPrefilter(function(options, originalOptions, jqXHR) {
    jqXHR.setRequestHeader('token', 'xyz');
}
Run Code Online (Sandbox Code Playgroud)

但我不知道如何在 extjs 中正确地做到这一点,请帮忙!

extjs extjs-mvc extjs5

3
推荐指数
1
解决办法
6073
查看次数

在类型为ajax的Extjs 5商店本地分页

我正在开发一个应用程序,从一开始就加载所有数据并不是很不方便.

我通过Ajax从服务器获取json数据,而我的商店非常简单:

Ext.define('MODIFE.store.CentroBeneficio', {
    extend  : 'Ext.data.Store',
    requires : [
        'MODIFE.model.CentroBeneficio'
    ],
    storeId : 'CentroBeneficio',
    model   : 'MODIFE.model.CentroBeneficio',
    page-size: 10,
    proxy   :{
        //type: 'memory',
        type: 'ajax',
        enablePaging: true,
        url: 'http://'+MODIFE.Global.ip+'/CentroBeneficio/GetCentroBeneficios'
    },
    autoLoad: true
});
Run Code Online (Sandbox Code Playgroud)

这是我的模特:

Ext.define('MODIFE.model.CentroBeneficio', {
    extend: 'Ext.data.Model',
    storeId: 'CentroBeneficio',
    pageSize: 10,
    fields: [
        {name:'IdCentroBeneficio', type:'int'},
        {name:'CompaniaCodigo', type:'int'},
        {name:'codigo', type:'string'},
        {name:'description', type:'string'},
        {name:'complete_description', type:'string', convert : function(v, record) {return record.data.codigo+' - '+record.data.description;}},
        {name:'status', type:'int', convert : function(v, record) {return (record.data.status == 1) ? 'Activo' : 'Inactivo';}},
        {name:'name_compania', type:'string'},
        {name:'pais', …
Run Code Online (Sandbox Code Playgroud)

paging extjs store extjs5

3
推荐指数
1
解决办法
4073
查看次数