标签: extjs4

ExtJS 4提供的建议,帮助:网格:单元格编辑:自动编辑功能

我搜索了ExtJS相关的问题并没有找到任何参考,但如果我错过了抱歉提前复制问题.

我想问一下如何制作ExtJS 4网格的一些帮助:单元格编辑:自动编辑功能 - 我的意思是,当我按一个键时我想进入单元格编辑模式(例如,按下"123"突出显示的单元格,用"123"替换文本(如果有的话).进入单元格编辑模式时,可以按ENTER或用鼠标单击.

作为基础我使用Sencha提供的示例:http://dev.sencha.com/deploy/ext-4.0.2a/examples/grid/cell-editing.html

任何提示,指针都会很有意义.

提前致谢!:)

其实我确实部分解决了我的问题.找到了一种在按键上使单元格可编辑的方法,将selectOnFocus config参数放入单元格中进行文本选择,现在我需要在单元格中插入第一个char(启动编辑模式).

它可能不是最美丽的解决方案,但它适用于我:)这是完整的代码到现在为止.

var tStore = Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        {"name":"Lisa", "email":"lisa@simpsons.com", "phone":"555-111-1224"},
        {"name":"Bart", "email":"bart@simpsons.com", "phone":"555--222-1234"},
        {"name":"Homer", "email":"home@simpsons.com", "phone":"555-222-1244"},
        {"name":"Marge", "email":"marge@simpsons.com", "phone":"555-222-1254"}
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

var tCellEdit = Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1
});

var tGrid = Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: tStore,
    columns: [
        {header: 'Name',  dataIndex: 'name', field: 'textfield'},
        {header: 'Email', dataIndex: 'email', flex:1, …
Run Code Online (Sandbox Code Playgroud)

javascript extjs extjs4

16
推荐指数
1
解决办法
2万
查看次数

mixin vs插件.选择什么?

假设我已经定义了几个新的组件- MyComponent1,MyComponent2......,这延长Ext.Component.

现在我想用相同的功能扩展所有这些小部件 - 我想添加close一个出现在右上角位置的按钮MyComponentX.el.

我该怎么用:mixinplugin?或者是其他东西?
总的来说mixin vs plugin,最佳做法是什么?

plugins extjs mixins extjs4

16
推荐指数
2
解决办法
5763
查看次数

如何从ExtJs 4中的商店访问嵌套模型

我刚刚下载了ExtJs 4的最终版本,我正在尝试使用新的Model方法实现一些东西.

例如,我有一个名为SetupModel的模型,它有2个嵌套模型Users,Reports.我创建了新的商店,并设置了store = SetupModel的Model属性.

问题是 - 如何在将数据加载到商店后访问我的嵌套属性?

我需要像myStore.data.Users()这样的东西,但是不正确.

有什么想法吗?

extjs extjs4

15
推荐指数
1
解决办法
1万
查看次数

ExtJS - 如何使用代理,模型?它们有什么关系?

我一直在努力学习使用模特和商店.但代理位让我很困惑.所以我将在这里列出我的理解 - 请指出我理解中的差距.

我的理解

  1. 模型用于表示域对象.
  2. 可以通过ModelManager创建模型,也可以只使用构造函数创建模型
  3. 模型保存在商店中
  4. 商店可以在内存商店中,也可以是服务器商店.这是使用代理配置的.
  5. 代理告诉商店如何与后备存储进行通信 - 是JSON数组,REST资源,还是通过ajax配置的简单URL.
  6. 商店负责存储模型,代理负责控制/帮助完成该任务.
  7. 更改模型的值时,dirty会设置其标志.保存模型时会自动清除它.(稍后会详细介绍)

困扰我的那部分

  1. 为什么模型上有proxy配置和save方法?我知道模型只能存储在商店中.
  2. 为什么dirty在将模型对象添加到商店时不会清除标志?
  3. 当我将模型对象添加到商店时,为什么模型不会获取使用该商店配置的代理?
  4. proxy是模型的静态配置.这是否意味着我们不能将特定模型的对象与多个数据源一起使用?通过扩展,这是否意味着单个模型的多个商店基本上没用?
  5. 当我们定义一个商店时,我们是定义一个类(商店类型,如果我们可以称之为),还是商店的实例?我问的原因是当我们声明一个网格时,我们只是将它传递给一个商店配置store: 'MyApp.store.MyStore'- 网格是否实例化了该类型的网格,或者它只是使用我们已经实例化的商店?

谢谢!

PS:解释所有这一切的人获得+50赏金:) - 将在48小时结束后提供赏金..

javascript proxy model store extjs4

15
推荐指数
1
解决办法
1万
查看次数

如何清除存储并更新分页工具栏?

我需要重新分页工具栏参数"page","start","limit"当我点击搜索按钮,重新加载网格存储与不同的参数应用!

我该怎么做?

问题是,当我在接下来的页面上,我做了新的搜索,我有参数page=2,start=25,limit=25 dirty,相反,我需要重置此参数应用.

我的代码:

listeners: {
    click: function(){
        Ext.getCmp('GrlGio').getStore().removeAll();
        Ext.getCmp('GrlGio').store.load({
                params:{
                  mode: "RIC",
                  DataRicerca: dd,
                  Pit: Ext.getCmp('cmbPiattaforma').getValue()
                }
        });
    }
 }
Run Code Online (Sandbox Code Playgroud)

谢谢!

extjs extjs4

15
推荐指数
6
解决办法
2万
查看次数

如何在extjs中正确设置按钮的图标大小?

我正在使用extjs4而我正在尝试做的似乎很简单,但我找不到适合它的解决方案.

我有一个64*64px的图标,我希望我的按钮将其显示为背景图像,但是extjs只显示部分图像.在网上搜索一个解决方案,但没有人建议使用它的工作解决方案.我只想让我的背景图像适合到我的按钮.

这是我的js代码:

{
    xtype : 'button',
    text : null,
    iconCls : 'startbutton',
    //icon:'./assets/icons/startbtn.png',
    //style:{height:'60px'},
    width : 64,
    height : 64
}
Run Code Online (Sandbox Code Playgroud)

这是我的css代码:

.x-btn-icon .startbutton {
    background-image: url(start.png) !important;
}
Run Code Online (Sandbox Code Playgroud)

我试过一些css组合但仍然没有成功.

javascript css extjs extjs4

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

ExtJS 4命名约定

我正在与我的同事讨论ExtJS 4中类,变量和对象等的正确命名约定,但我们都有不同的观点.

对此有"官方"立场吗?

javascript extjs extjs4

15
推荐指数
3
解决办法
2214
查看次数

ExtJS4:如何在文本框,组合框等旁边显示验证错误消息

我需要实现出现在无效字段旁边的验证消息.任何帮助,将不胜感激.

extjs extjs4

15
推荐指数
3
解决办法
5万
查看次数

从ExtJs中的组合框获取完整的模型对象?

如果我有一个商店支持的组合框选择在ExtJS 4下触发事件,我该如何获得由该选择表示的完整对象?

extjs extjs4

15
推荐指数
2
解决办法
1万
查看次数

ExtJs minify被忽略

我们有一个cms所以我没有访问HTML页面的标题,我们的extjs实现了rendert.所以我不得不做一个像这样的工作:

 Ext.local = {};
    var lang = {
        initLang: function (revisionNr) {
            var local = localStorage.getItem('localLang')
            if (!local) {
                AjaxHandlerByClass('ajax/lang/webuser/init', {}, this.loadLangRemote);
            } else {
                local = JSON.parse(local);
                if (local.revisionNr == config.revisionNr && local.lang == config.lang) {
                    console.log('loading local lang variables');
                    if (local.date < new Date().getTime() - (24 * 60 * 60 * 1000) * 2) {//2 day caching time before retry
                        delete window.localStorage.localLangBackup;
                    }
                    this.loadLangLocal(local);
                } else {
                    delete window.localStorage.localLang;
                    AjaxHandlerByClass('ajax/lang/webuser/init', {}, this.loadLangRemote);
                }
            }
        },
        loadLangRemote: function (data) …
Run Code Online (Sandbox Code Playgroud)

javascript oop localization extjs extjs4

15
推荐指数
1
解决办法
136
查看次数

标签 统计

extjs4 ×10

extjs ×9

javascript ×5

css ×1

localization ×1

mixins ×1

model ×1

oop ×1

plugins ×1

proxy ×1

store ×1