标签: extjs5
带有多个彩色线段的折线图
我正在使用Ext 5,并希望根据值对折线图中的线段进行着色.如果值大于目标,则显示绿色线,否则显示红色.
有没有办法根据其值更改Ext折线图中线段的颜色？
我发现在这个链接中没有内置的方法来实现这一点
我还尝试在线上动态添加一个线条精灵,以产生不同颜色的影响.有效.但我无法找到精确的x,y坐标来动态绘制此自定义线.
这是我到目前为止尝试过的代码.
Ext.onReady(function () {
var data = [{
'date': '1',
'data2': 4
}, {
'date': '2',
'data2': 8
}, {
'date': '3',
'data2': 12
}, {
'date': '4',
'data2': 6
}, {
'date': '5',
'data2': 36
}];
Ext.create('Ext.chart.Chart', {
renderTo: Ext.getBody(),
width: 500,
height: 300,
store: {
fields: ['name', 'data2'],
data: data
},
listeners: {
redraw: function(){
var chart = this;
var series = chart.series[0];
var dataRange = series.dataRange;
var large = dataRange.find(function(v){ …推荐指数
解决办法
查看次数
Sencha Cmd build - 创建后台进程失败
我正在尝试使用Cmd v5.0.0.160构建extjs5应用程序.
我在我的PATH var上安装了ruby2.0和sencha cmd.
以下是运行时出现的错误sencha app build:
...
[INF] Capturing theme image
[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExProcess: Failed creating background process
[ERR] at com.sencha.command.plugin.PluginManager.executeRe
[ERR] verseFirst(PluginManager.java:134)
[ERR]
[ERR] Total time: 9 seconds
[ERR] The following error occurred while executing this line:
/local/dev/PROJECTS2/loc-ext/loc-ext/.sencha/app/build-impl.xml:326: The following error occurred while executing this line:
/local/dev/PROJECTS2/loc-ext/loc-ext/.sencha/app/slice-impl.xml:239: The following error occurred while executing this line:
/local/dev/PROJECTS2/loc-ext/loc-ext/.sencha/app/slice-impl.xml:240: The following error occurred while executing this line:
/local/dev/PROJECTS2/loc-ext/loc-ext/.sencha/app/slice-impl.xml:111: com.sencha.exceptions.ExProcess: Failed creating background process
应用程序在开发模式下工作正常(sencha app …
推荐指数
解决办法
查看次数
当我尝试使用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 CSRF保护
我试图在一个应用程序中实施针对CSRF的保护.
在PHP中,它实现起来相对简单.关于如何使用Extjs,我有很多问题.
我读过的EXTJS书籍没有涉及这个主题,我无法在互联网上找到关于这个主题的具体指导 - 使用EXTJS.
一些问题:
使用PHP,令牌被发送到EXTJS？
我是否必须像PHP一样在每个表单中创建一个隐藏字段？
我是否必须在Ext.Ajax.requestt中向服务器端发送令牌？这该怎么做？
一些非常简单的代码作为起点:
class Token:https://www.youtube.com/watch？v = VflbINBabc4
<?php
class Token {
public static function generate() {
$_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(32));
}
public static function check($token) {
if(isset($_SESSION['token']) && $token === $_SESSION['token']){
unset($_SESSION['token']);
return true;
}
return false;
}
}
?>
询问
<?php
require('conect.php');
require_once('token.php');
$action = $_REQUEST['action'];
switch($action){
case "create":{
$records = $_POST['records'];
$data = json_decode(stripslashes($records));
if(isset($_POST['cars'], $_POST['token'])){
$cars = $data->{'cars'};
if(Token::check($_POST['token'])){
$sqlQuery = "INSERT INTO the_cars (cars) VALUES (?)"; …推荐指数
解决办法
查看次数
EXTJS模型idProperty字段是否填充了型号名称？
我正在尝试针对Restful RubyonRails后端创建一个简单的ExtJS5应用程序.出于某种原因,当我实例化模型时,ExtJs使用模型(和计数器)的名称填充"idProperty"字段.例如
{ "Traffic_id": "MyApp.model.Person-1", "EXTERNAL_ID":0,...
我认为"idProperty"字段本质上是数据记录的主键,通常在将记录插入数据库时自动设置(自动增量)
因此,此字段应为null或类似,因为模型尚未添加到商店并同步到后端.
更令人惊讶的是,该字段定义为'int',ExtJS将字符串放入其中!
有人能告诉我发生了什么事吗？
彼得
下面是一个小提琴的app.js:
Ext.application({
name : 'Fiddle',
launch : function() {
var model = Ext.create('MyApp.model.Person');
Ext.Msg.alert('Fiddle', JSON.stringify(model.data));
}
});
Ext.define('MyApp.model.Person', {
extend: 'Ext.data.Model',
idProperty: 'Traffic_id',
proxy: {
type: 'rest',
// url: '/traffics.json',
format: 'json',
api: {
create: 'traffics',
read: 'traffics',
update: 'traffics/edit',
destroy: 'traffics'
},
reader: {
type: 'json',
rootProperty: 'traffic',
successProperty: 'success',
messageProperty: 'message'
},
writer: {
type: 'json',
//writeAllFields : false,
//encode: true,
rootProperty: 'traffic'
},
afterRequest: function(req, res) …推荐指数
解决办法
查看次数
为什么Sencha CMD构建会因PhantomJS错误代码2而失败？
问题:为子项目A(具有源文件)构建Sencha CMD工作空间应用程序时"捕获主题时出错",但是子项目B(没有源文件)构建正常.
场景:
- 创建了新的Sencha工作区(CMD 5.1.0.26)并添加了一个新项目A.
- 项目A构建良好(
sencha app build -c production) 我添加了一个主视图并引用了一个公共文件夹(/ project/common/js /)中包含的模块.
sencha app watch工作正常,但sencha app build -c production现在在项目A上失败.- 为了完整性检查,我在我的框架文件夹中生成一个新的应用程序,引用相同的ExtJS版本(5.1.0.107),让我们称之为项目B,它构建得很好.
项目A仍然失败并出现此错误:
[INF] Writing content to /MyWorkspace/ProjectA/sass/example/bootstrap.json
[INF] Writing content to /MyWorkspace/ProjectA/sass/example/bootstrap.js
[INF] Capturing theme image
[ERR] loading page /MyWorkspace/ProjectA/sass/example/theme.html
== Unhandled Error ==
TypeError: '''undefined''' is not a function (evaluating '''Ext.require([
'''Ext.layout.Context'''
])''')
file:///MyWorkspace/ext/packages/ext-theme-base/sass/example/render.js:7
[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExProcess: phantomjs process exited with code 2
[ERR]
[ERR] Total time: 46 seconds
[ERR] …推荐指数
解决办法
查看次数
ExtJS Grid缓慢,有3000多条记录
我正在使用ExtJS Grid,它的速度非常慢,有3000多条记录.排序大约需要4秒钟.
我想也许在我的桌子上使用分页.但是在阅读完文档之后,我仍然不确定分页在extjs中是如何工作的.每次翻页时,这是否都会从服务器中提取数据？我宁愿不是这样的.我希望在浏览器中保存3000条记录,然后渲染的内容只是这些行的一部分.
我也使用Extjs版本4.2.1.如果我升级到版本5.我会获得一些性能改进吗？
推荐指数
解决办法
查看次数
sencha extjs 5.0应用程序无法在生产版本中工作
我刚刚用ExtJS 5.0构建了一个新的应用程序,看起来非常棒.
该应用程序在开发模式下运行良好,但只要我使用命令行工具构建应用程序并进行部署,它就会停止工作.
我在项目目录中时使用的构建命令:
sencha app build production
到目前为止,该命令工作正常,输出中没有错误.我在php上使用了一个小服务器端,因此我必须将index.html的结尾更改为index.php,并在生产服务器中再次手动包含php文件夹.(我没有找到如何在构建过程中更改它)
到目前为止,在我的索引文件的基本输出中,一切似乎都很好,但由于控制台中的错误,应用程序无法启动:
GET http://admin.vp24.com/.js?_dc=1404608946314 404 (Not Found) (index):23
Uncaught TypeError: object is not a function
Ext尝试包含什么？
当我开始在开发模式的应用程序,我看到许多包括基本类文件和材料在网络标签,其工作-在这里只用启动包括所谓的空文件.js,这似乎完全破碎.
我试着调试部分fetchSync中的app.js文件(基本分机的东西,我认为),找出我他试图在这一点上包括的东西,在我看来,它是gridfilters-plugin.
null在那里的所有步骤中突然出现了一些变量,我不知道为什么.
该应用程序有什么问题？
推荐指数
解决办法
查看次数