小编Tar*_*ass的帖子
我应该在ExtJS 4 MVC中定义全局函数？
我需要定义一些我可以在我的应用程序中随处调用的函数.实现这一目标的最佳方法是什么？
推荐指数
解决办法
查看次数
如何将Click Event添加到Ext.Img？
如何将Click Event添加到Ext.Img？
var paddleItem = new Ext.Img({
xtype : 'image',
src : "lib/Image/Paddle.png",
x : 200,
y : 300,
draggable : true,
index : 0,
id : 'paddleItem',
listeners : {
click : function(){
Ext.Msg.alert("Message");
}
},
renderTo : Ext.getBody()
});
这是我的代码,但它不起作用.
请给我一些建议..
推荐指数
解决办法
查看次数
当我尝试使用jasmine进行测试时,在Ext.appliation中没有加载App文件夹
我正在尝试在我的应用程序(Ext js 5)中实现jasmine进行单元测试.为此我创建了app-test文件.
Ext.require('Ext.app.Application');Ext.Loader.setConfig({enabled:true});
Ext.onReady(function() {
var Application = Ext.create('Ext.app.Application', {
name: 'epmct',
appFolder:'app',
launch: function() {
Ext.create('epmct.view.vpp.dashboard.VppDashboardMainPage');
}
});
});
当我通过specrunner.html(文件开始单元测试)运行应用程序时,我收到错误
Uncaught Error: [Ext.Loader] Some requested files failed to load.
我尝试使用Ext.Loader.setPath('epmct','app')设置路径; 仍然没有用.
请找到我的specrunner.html文件代码
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>Jasmine Spec Runner v2.3.2</title>
<link rel="shortcut icon" type="image/png" href="test/jasmine/jasmine_favicon.png">
<link rel="stylesheet" type="text/css" href="test/jasmine/jasmine.css">
<script type="text/javascript" src="test/jasmine/jasmine.js"></script>
<script type="text/javascript" src="test/jasmine/jasmine-html.js"></script>
<script type="text/javascript" src="test/jasmine/boot.js"></script>
<!-- include Ext Js files and Css... -->
<script src="ext/ext-all.js"></script>
<!-- include spec files here... -->
<script type="text/javascript" src="app-test.js"></script> …推荐指数
解决办法
查看次数
键入时,组合框值正在消失
使用extjs 5.1.3版本.我有一个typeAhead组合框,格式如下:
Combobox商店:
Ext.define('MyApp.view.myobj.field.CustomObject', {
extend:'Ext.form.field.ComboBox',
xtype: 'cstmObject',
requires: [
'MyApp.model.myobj.CustomObject'
],
fieldLabel: 'Custom Object Name',
displayField: 'name',
valueField: 'name',
queryMode: 'remote',
selectOnFocus: false,
typeAhead: true,
hideTrigger: true,
minChars: 1,
queryCaching : false,
store:{
model: 'MyApp.model.myobj.CustomObject'
}
}
以下是表格摘录:
{
xtype: 'cstmObject',
fieldLabel: 'Custom Object Name',
allowBlank: false,
maxLength: 5,
enforceMaxLength: true,
bind: '{customObject.row}'
}
在组合框中键入值时,有时显示下拉值,有时不显示输入.当我观察网络面板时,存储正在从服务器正确加载.
当存储从服务器正确加载时,没有显示下拉值的客户端问题可能是什么？
更新:我找到了问题的模式,即如果在下拉列表中找到具有类型值的记录的完全匹配,则只有下拉值消失.(例如,如果我输入字母A,如果有一个值为A的记录,则下拉值正在消失.如果我键入a,则下拉列表将不会消失,因为没有带小写字母a的记录).
我需要提供哪些必要的配置才能解决此问题？
推荐指数
解决办法
查看次数
在IFrame中滚动ExtJS 5应用程序的问题
HY,
这是我的测试页面的样子:
蓝色区域是父页面,绿色区域是运行ExtJS应用程序的IFrame(内部带有标签的简单视口).
如果站点在触摸设备(IPad,Android平板电脑等)上执行,则无法通过IFrame(绿色区域)上的"擦除"来滚动页面.必须擦除蓝色区域才能滚动页面.
这在ExtJS v4.2.1中已经正常工作(参见下面的链接).
试验场:
https://skaface.leo.uberspace.de/ScrollTest/Ext510/(使用ExtJS v5.1.1无法按预期工作)
https://skaface.leo.uberspace.de/ScrollTest/Ext421/(按预期工作,同样代码,但使用ExtJS v4.2.1)
测试代码:
父站点(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body style="margin: 50px; background-color: blue;">
<iframe src="frame.html" width="100%" height="1400" style="border: none;"></iframe>
</body>
</html>
IFrame(frame.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%;">
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="https://extjs.cachefly.net/ext/gpl/5.1.0/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all-debug.css" …推荐指数
解决办法
查看次数
下载以前版本的ExtJs
哪些版本的Extjs可以从哪里下载？
具体来说,我想获得extjs-4.1.1a和顺便说一下'a'与extjs-4.1.1的不同之处是什么？
推荐指数
解决办法
查看次数
检查变量是否在列表中
我是Python的新手,我想知道是否有一种简洁的方法来测试一个值,看它是否是列表中的值之一,类似于SQL WHERE子句.对不起,如果这是一个基本问题.
MsUpdate.UpdateClassificationTitle in (
'Critical Updates',
'Feature Packs',
'Security Updates',
'Tools',
'Update Rollups',
'Updates',
)
即,我想写:
if MsUpdate.UpdateClassificationTitle in (
'Critical Updates',
'Feature Packs',
'Security Updates',
'Tools',
'Update Rollups',
'Updates'
):
then_do_something()
推荐指数
解决办法
查看次数
拖动面板时extjs阴影bug
我的Ext JS项目中有三个面板 ; 这是一个面板作为父面板,另外两个是子面板.我已将子面板设置为可拖动.
正如您在下面的代码中看到的:
extend: 'Ext.tree.Panel',
requires: ['Ext.data.TreeStore'],
collapsible: true,
border: false,
draggable: true,
resizable: true,
floating: true,
constrain: true,
renderTo: Ext.getBody(),
store: new Ext.data.TreeStore({
//data.jason
}),
listeners: {
move: 'onDrag'
}
// onDrag函数是:
onDrag: function(stick)
{
stick.dd = new Ext.dd.DDProxy(stick.el.dom.id,'group');
drag = stick;
drag.anchorTo(Ext.getBody(),"tl-bl?");
drag.setHeight(490);
drag.setMinHeight(200);
}
我的问题是,当我拖动儿童面板时,他们会在前一个地方留下一些阴影:
我怎么解决这个问题？
推荐指数
解决办法
查看次数
ExtJS 6:我应该使用配置对象吗？
我正在使用ExtJS 6构建应用程序.我已经阅读了指南,教程和最佳实践技巧.但我不明白的是,我为什么要使用配置对象？
配置:
Ext.define('MyProject.foo.Bar', {
extends: 'Ext.window.Window',
...
config: {
title: 'My title'
}
});
没有配置:
Ext.define('MyProject.foo.Bar', {
extends: 'Ext.window.Window',
...
title: 'My title'
});
两者都按预期工作.谁能告诉我差异和可能的好处？
推荐指数
解决办法
查看次数
ListItem的items属性的XTemplate定义
我正在使用Sencha 2.3.0,我希望将一个XTemplate与ListItem上的组件(文本字段)并排放置.上面的代码适用于DataView/DataItem,但我想使用仅在List/ListItem上可用的分组属性.
嵌套的Xtemplate被渲染为DataItem.如何让它适用于ListItem？我也接受放弃这个嵌套结构的解决方案,并直接在ListItem上使用xtemplate作为tpl属性(当然也必须实现带有监听器的文本字段).
名单
Ext.define( 'app.view.myList', {
//extend: 'Ext.dataview.DataView',
extend: 'Ext.dataview.List',
xtype: 'mylist',
requires: [
'app.view.MyItem'
],
config: {
title: "myTitle",
cls: 'mylist',
defaultType: 'myitem',
grouped: true,
store: 'myStore',
useComponents: true,
itemCls: 'myitem',
items: [
{
// some components
}
]
}
});
项目清单
Ext.define( 'app.view.myItem', {
//extend: 'Ext.dataview.component.DataItem',
extend: 'Ext.dataview.component.ListItem',
xtype: 'myitem',
config: {
cls: 'myitem',
items: [
{
xtype: 'component',
tpl: new Ext.XTemplate([
'<table cellpadding="0" cellspacing="0" class="myitemXTemplate">',
//some xtemplate content
'</table>'
].join( "" ),
{
compiled: true
}) …推荐指数
解决办法
查看次数