给定一个简单的Ext.列表,如Sencha文档中的列表,当我单击其中一个名称时,如何使新面板或旋转木马“推”到屏幕上
我希望能够有一个按钮导航回主屏幕。您可以使用。下面是一个非常简单的应用程序,演示了这一点:
Ext.setup({
// onReady is when we can start building our application
onReady: function() {
// Create the view by just adding a c
我在Sencha Touch 2中有一个控制器和一个TabPanel,我想在TabPanel上点击一个元素时调用一个函数:
TabPanel.js
Ext.define('app.view.principalTabPanel', {
extend: 'Ext.tab.Panel',
alias: 'widget.ptabpanel',
config: {
ui: 'light',
items: [
{
我正在尝试更改Sencha Architect 2上的按钮背景色
我尝试使用cls,但它不起作用,我将cls命名并在css文件中使用,这是一个简单的脚本:
.btn//这是我的cls名称
{
背景色:红色;
}
此处显示命名cls的屏幕:
谢谢你的帮助=)我想你错过了!重要信息,请参见结尾。因此,如果您的cls是btn1,您可以执行以下操作:
.btn1 {
background-color:red !important
}
也许可以作为参考:好的,您可以只提到“背景”而不是“背景色
我在视图中有一个selectfield,当我导航到该视图时,我希望当我移动到该视图时键盘自动打开。我试图调用focus方法,但它不起作用
任何人都可以在这方面帮助我。您必须在文本字段初始化后立即调用focus,如下所示
listeners: {
initialize: function(view, eOpts) {
Ext.getCmp('_phoneNumberId').focus();
我想知道当我分别切换到另一个应用程序或主屏幕(如果应用程序重新打开)时,事件是否被触发
我使用的不是PhoneGap,而是Sencha原生包装(我想它使用的是NimbleKit)。在调试控制台上,我可以看到
stbuild_template[1087:c07] onDeviceResume -1
在我的代码中(在app.jslaunch event中),我添加了一个事件监听器:
document.addEventListener("onDeviceResume",function(){aler
如何创建带有搜索栏的嵌套列表,搜索栏应为
位于标题下。例如,在第四个Sencha嵌套
列表示例,如何插入搜索栏(下面的代码),以便
如下图所示:
搜索栏示例:
Ext.define('Sencha.view.SearchBar', {
extend: 'Ext.Toolbar',
xtype : 'searchbar',
requires: ['Ext.field.Text', 'Ext.field.Search'],
config: {
u
Sencha Touch的Tools SDK支持将您的HTML5+JS+CSS3包装到一个本地应用程序中(我假设的方式与PhoneGap类似)。它提供了一些有限的访问移动功能,如相机。但我不知道:
它支持使用手机上的麦克风吗?我只是想说不,但我觉得它太短了
您需要使用PhoneGap/Cordova
希望这有帮助
我尝试在navigationView的navigationBar中添加一个按钮,当我点击按钮时,可能会按下一个新视图。我需要帮助,因为我不明白我该怎么做。我的按钮正常,我可以在控制台中记录点击操作,但我无法推送新视图。我需要有一个停靠到我的选项卡栏的视图。。。
事实上,我想要的是建议用户改变视图:通过按钮,他可以切换视图:导航/列表到旋转木马(使用来自商店的相同数据)。navigationview和我的结果列表一切正常,但我无法通过点击按钮添加旋转木马视图的可能性
我的第一个问题是,可能吗?如果
所以我一直在使用Sencha Touch 2创建一个可以制作照片的应用程序。照片制作完成后,用户可以将图片提交给服务器,服务器将base64作为字符串接受,然后将其转换为实际的jpg图像。我面临的问题是:无论我给捕获函数提供了什么参数,发送到服务器的照片总是一张非常小的照片:160x120
我正在使用的代码:
var-button=Ext.create('Ext.button'{
文字:“Neem Foto”,cls:“photowapp按钮动作”,
处理程序:函数(){
Ext.device.
我们得到了JSON格式的响应,但无法获取和打印数据
var dstore = Ext.getStore('DomesticStore');
dstore.sync();
dstore.load();
console.log(dstore.getData().items);
// this line prints the output but unable to fetch inside array data.
我有一个获取JSON数据的应用程序。
当您获得存储时,调用on方法。然后使用记录数组
我正在使用图像视图显示图像。可以告诉我如何动态设置url值,以便我可以为服务器显示图像。下面是我正在尝试的代码
Ext.define('MyApp.view.MyImage', {
extend: 'Ext.Img',
alias: 'widget.myimage',
config: {
height: 201,
id: 'galimage',
width: 201,
src: 'http://localh
有谁能告诉我如何用Ext.util.Formate或Ext.number对sencha中的数字进行四舍五入
Ex:1523.6592(四舍五入前),
1523.63(应在四舍五入之后)试试这个:
Ext.util.Format.number(1523.6592, '0.00');
没有,我们什么都没得到
当用户点击文本字段输入文本时,我希望我的文本字段得到蓝色阴影。我想得到一个例子来更新焦点事件中的inputCls。
我在创建文本字段时设置了inpuCls。我想知道如何在焦点事件中添加它。
有人能帮我吗。提前感谢您可以在文本字段中添加一个侦听器,用于侦听焦点
然后,监听器可以将内容更改为您想要的内容
如果需要,您可以收听blur事件,以使用相同的逻辑还原更改
我强烈建议您阅读有关事件的文档:
编辑:代码示例
listeners : {
focus: function() {
我是Sencha Touch 2的新手,我在使用drupal、json等方面遇到了问题
这很简单,但我不能接受这个解决方案
我有一个由json完成的列表。此json来自json格式的Drupal7视图
在我看来,我有这样的想法:
var listaArtistas = {
xtype: 'list',
title: 'Artistas',
height: 240,
store: {
autoLoad: tru
我是新来Sencha的,所以基本上我在验证方面遇到了问题
这是我的密码
Ext.define("PlayListApp.view.PlayEditor", {
extend: "Ext.form.Panel",
requires: "Ext.form.FieldSet",
alias: "widget.playeditorview",
config:{
scrollable: 'vertical',
items: [
我知道.net和javascript,但我在sencha是个笨蛋。我正在使用客户端上的sencha touch 2.0和服务器上的asp.net web api开发应用程序。我需要向用户显示项目(账单)列表
目前,服务器端api的形式如下:
GetList(int userId, string[] locationsIds, ...) { ... }
在客户端中,存储具有“自动加载:false”。我在商店的代理上调用setExtraParams,如下所示:
billStore.getProxy
我有一个sencha touch 2 web应用程序,它使用localstorage数据源存储大量记录
我能够很好地执行所有常规crud操作,但我希望使用Web服务同步数据。因此,sencha应用程序将定期轮询Web服务以获取数据更改,然后对我的sencha应用程序的localstorage数据源进行必要的更改
我的方法是使用以下代码块每60秒运行一次同步进程:
var timerID = setInterval(function()
{
MyApp.app.BackgroundProc
我正在使用SAP“Odata”代理开发Sencha touch应用程序
在我的商店中,我正在调用URL进行读取操作
http:///sap/opu/odata/sap/TECHHELP/Tickets
我使用以下代码在控制器中手动加载存储
var ticketStore = Ext.getStore("Tickets");
var proxy=ticketStore.getProxy();
ticketStore.load(function(records, operation, succes
我试图在面板中添加面板,但子面板始终隐藏。检查firebug时,我发现子面板的内容在那个里,但因为它的宽度/高度并没有设置,所以它是不可见的。这是我的家长小组
...{
items: [subCards]
}...
这是我的名片
var subCards = Ext.create('Ext.Panel', {
layout : {
type : 'card',
animation : {
type : 'slide',
我在文档中看不到任何“如何测试Sencha 2应用程序”——真的没有测试框架支持吗?如何测试Sencha 2应用程序,最佳实践是什么?在本地服务器(如wampserver、apache tomcat等)下运行应用程序
请务必使用Chrome、Safari等支持Webtk引擎的Web浏览器。找到了一个关于测试的好的Sencha博客:
评论链接中引用的。。。最好的方法是在本地主机上运行它。我使用xampp来实现这一点。您还需要安装Sencha SDK工具等。您可以在此处找到有关如何使用Sencha命
下面是sencha touch 2视频教程:
在这种情况下,讲师使用Ext.Define来定义面板。然后他将其加载到main.js和app.js中
但是下面的文档使用Ext.create在启动时创建面板
在他展示简单的面板之前,视频工作正常,但当他扩展一个表单面板时,它停止工作。该视频看起来有5个月的历史,它的官方视频
我是否应该停止使用Ext.Define并启动Ext.create,因为示例就是这样做的。请在这方面指导我
在这个问题上完全混淆了…在定义类时使用Ext.define。创建类时,只
我在Sencha touch 2中仍然是一个不速之客。所以我这里的问题是我用的是别人做的日期时间选择器。我只想修改日期时间选择器的属性,但它没有常用的get或set方法
{
xtype: 'datetimepickerfield',
flex: 1,
id: 'approxBedti
我在Sencha Touch 2中使用旋转木马。如何处理向左和向右滑动事件?一种方法是在旋转木马项目上收听事件,并使用来处理滑动方向:
listeners: {
initialize: function(c) {
this.element.on({
swipe: function(e, node, options) {
if(e.direction == "left") {
a
我使用sencha 2.3.1实现了以下功能:
我已使用以下命令创建了sencha应用程序:sencha generate app TempApp c:/TempApp
我已将默认的app/view/Main.js替换为
Ext.define('TempApp.view.Main', {
extend: 'Ext.form.FormPanel',
alias : 'widget.login',
config: {
id : 'login',
cls : ['acco
我正在用Sencha Touch 2编写简单的应用程序。我看到app/view/Main.js中的基本对象是Ext.tab.Panel
其他哪些Ext对象可以直接嵌入Ext.tab.Panel?我可以在哪里查找此信息?从Sencha Touch 2.3.1文档的Ext.tab.面板部分:
选项卡面板是允许用户在多个选项卡之间切换的好方法
全屏显示的页面。选项卡面板中的每个组件都将
它自己的选项卡,点击时显示组件。选项卡可以是
位于选项卡面板的顶部或底部,可以
可以选择接受标题和图标配置
基本上
在SenchaTouch中,我创建了一个包含一些法律文本的视图
如何将该视图添加到视口中,使其处于绝对位置,并使其位于视口中所有其他视图的顶部
该视图基本上是一个合法的免责声明,具有透明的背景,需要在视口中始终可见,位于所有其他视图之上。如果我正确理解您的要求,您可以使用一个简单的Ext.Container,中心为:true
请参见此处的示例:
我试图创建一个视图,顶部有一个包含一些HTML的面板,下面有一个列表。当用户滚动面板时,我希望整个事情都滚动,这样屏幕的顶部面板就会滚动,用户可以浏览到列表
我似乎无法找到正确的布局设置,使这项工作。基本代码如下:
Ext.define("myApp.view.myView", {
extend: 'Ext.Panel',
config: {
title: 'Nieuw',
fullscreen: true,
scrollable: true,
items
我想从下往上移动一个面板。平稳地为此,我尝试了以下代码
Ext.define("mathmania.view.Main", {
extend: 'Ext.Panel',
requries: [
'Ext.util.DelayedTask'
],
xtype: 'panel',
config: {
autodestory: true,
border: 1,
html: 'test panel',
bottom: 0,
centered: true,
我正在用Sencha Touch 2.0.1为Android、iOS和Blackberry构建一个应用程序
我有一个表单面板,大约有10个selectfields和一些sextfields。如果我在Android 2.3或更高版本上运行该应用程序,selectfields将显示为选择器。到目前为止还不错
当用户开始填写以文本字段开头的表单时,他可以使用虚拟键盘上的“下一步”按钮浏览表单。问题是,“下一步”按钮会忽略selectfields。用户必须点击selectfields
我不知道如何获取选
当我点击按钮返回时,为什么导航栏中的额外按钮不隐藏
我的项目有3个视图。
1。主视图
2.类别视图
3.ShowListCategory视图
当我点击“ShowListCategory”中的后退按钮时,我的额外按钮没有隐藏。我的代码错了吗
这是我的密码
主视图:
Ext.define('Catalog.view.Home'{
扩展:“Ext.navigation.View”,
xtype:“homepanel”,
配置:{
导航栏:{
项目:[
{
xtype:'按钮',
文本:“类别”,
id
为什么在页面更改时我没有得到幻灯片效果?这是我的密码
launch: function() {
var panel = Ext.create('Ext.Panel', {
layout: 'card',
fullscreen: true,
items: [
{
html: "Splash Screen<img src='images
我们不希望用户每次打开Sencha 2应用程序时都登录。目前还不确定我们是通过网络浏览器提供服务,还是用Sencha构建工具将其打包为本机应用
有什么建议可以解决吗?我是否应该使用一些本地存储来记住用户是否已登录?我在上创建了一个简单的登录项目,以说明如何在凭证保存中使用本地存储。在你的项目中随意使用想法。欢迎反馈和评论
干杯,Oleg在这里,我将保存用户名和密码值,id为“ext-record-2”
if (values.keepUser) {
var user = Ext.creat
在Sencha Touch 2中,当在某些Android设备上拥有导航视图时,快速双击按钮会在视图堆栈上推两次新视图,如何解决?iPhone上不会发生这种情况如果您在单击时遇到问题,请将事件函数包装在延迟的任务中。。。例如:
tap: function(button, e, eOpts) {
if(this.delayedTask == null){
this.delayedTask = Ext.create('Ext.util.DelayedTa
我正在尝试使用Sencha Architect创建一个照片库。在第一个屏幕上,我想显示图像缩略图显示4个图像宽行
屏幕2将显示一个选定的图像,其名称和图像编号位于顶部,例如-3/10
我在谷歌上搜索了一篇文章,但没有找到任何示例代码或文档。
是否有任何可用的示例代码或文档
我需要帮助设计这个代码
谢谢。你可以从sencha touch library附带的touchstyle示例中获得一些想法,或者看看这个谢谢Floyd分享这个有用的链接,这将帮助我。如果它对你有帮助,请将它标记为答案。如果您需
我能够在屏幕上显示地图,并获得当前的经纬度位置。但是,我想在这些纬度和经度值的位置显示一个标记。我尝试过在渲染贴图时添加侦听器。下面是代码。但屏幕上没有显示任何标记。任何关于如何在当前位置显示标记的指针都非常有用
<script src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<link href="touch/resources/css/sencha-touch.css" rel
我使用应用商店筛选器搜索类别应用。搜索应用类别的值来自控制器。但我不知道如何将值从控制器传递到视图,以便在视图中使用应用商店筛选器。查看我的代码:
这是我的控制器:
Ext.define('Catalog.controller.Main', {
extend: 'Ext.app.Controller',
config: {
refs: {
homepanel: 'homepanel',
but: 'homepane
在我的Sencha Touch应用程序中,我有一个扩展了“Ext.form.Panel”的登录屏幕,然后是一个作为导航视图的MainView。在登录屏幕验证成功后,我需要显示主视图。我正在检查控制器中的身份验证,如果成功,我将调用主视图
if(success){
Ext.Viewport.add({xtype:'MyApp.view.MainView'});
}
我尝试了以下视口选项
animateActiveItem,Ext.Viewport.show(true)
他们都没有工作
我有一个简单的应用程序,可以加载我想要的托管网页
在单独的选项卡面板中显示。最干净的方法是什么?
可以在用户单击每个选项卡时加载选项卡,也可以一次加载所有选项卡
在应用程序启动时。Sencha Touch没有办法简单地将html:value设置为URL。我可以为每个选项卡添加一些页面加载事件吗
[更新]
我添加了在initialize:方法中进行Ajax调用的建议,使用本地html文件进行测试。但是,所有选项卡都显示要完成的第一个Ajax结果
这段代码现在功能齐全。我忘了:this.callPa
如何使用sencha touch2显示php文件中的数据?创建JSON存储并将url设置为php文件。在php文件中,使用json_encode()回显响应 您有几种方法可以实现它,但对我来说,我将使用json和Ext.ajax.request
例如,我的example.php看起来很简单,如下所示:
$array = array(
"go" => true,
"message" => "Thank you for your message",
);
正如我所说,我
我目前正在与Sencha Touch 2合作一个项目,我想知道是否有人有API文档页面的工作链接
我尝试过访问,但我经常被重定向到:最后我收到一个“你试图访问的页面找不到”的错误,来自Sencha Touch的主页
有人知道为什么会这样吗?我在所有搜索中都看到了相同的链接,因此我开始觉得这不仅仅是一个错误的链接问题,可能还有其他问题
--更新--
Chrome上出现缺页错误。IE似乎正在处理链接。我不知道你为什么会遇到这种奇怪的问题,因为链接对我来说仍然正常,也许你需要清除浏览器缓存或其他东西
我正在我的Sencha Touch 2应用程序中实现Stripe,它们要求我在相应的输入字段上设置自定义数据-HTML5属性,如下所示:
<input type="text" size="20" data-stripe="number"/>
<input type="text" size="4" data-stripe="cvc"/>
<input type="text" size="2" data-stripe="exp-month"/>
<input
我想知道,如何创建这样一个按钮:(灰色容器中的所有内容都是一个按钮)
如何将图片和文本放入按钮内?XTemplate?文本属性中的CSS
谢谢大家!
森查触摸2
解决方案:
{
xtype: 'button',
html: '<img style="margin-left: 35px;" src="http://www.timwickstrom.com/wp-content/uploads/2011/06/beer1.png" width="200" height="20
我正在SenchaTouch2中开发一个移动应用程序。我需要使用dropbox或google drive存储数据,然后将数据共享给用户。
我需要询问是否有任何文档可用于在Sencha Touch 2 Android、iOS中集成dropbox或google drive。您可以从集成API开始:
从Sencha来看,我认为你不需要任何具体的东西。您可以使用列表或数据视图等现有控件
我试图使他的项目更大的自定义listview,背景中有一个图像,上面有一个文本
我试图在文档中使用Kiva示例,但我完全不理解它是如何做到的
有人能帮我弄明白怎么做吗?还是ar方法呢 如果你想使用sencha touch 2.0,我想这对你有帮助
当然,如果您想编辑样式,您必须通过css或listview的tpl属性的listview模板进行更改。谢谢,但我看到了Kiva解释示例,其中他们使用了其他方法进行更改。。我想在listview的DefaultType上创建一个自定义项。。。而且tpl不
我想使用item类型的长符号,而不是xtype。
我能用吗
{
title: 'Home',
iconCls: 'home',
type: 'Ext.dataview.DataView',
tabBarPosition: 'bottom',
store: homeMenuStore,
itemTpl: homeMenuTpl,
flex: 1
}
而不是
{
title: 'Home',
iconCls: 'home',
xtype: 'dataview
我正在尝试找出商店何时可以在我的应用程序中使用。
我从文档中得出结论,如果我想显示我的商店中的信息,我应该监听我的商店的“刷新”事件,以便在它被更改时以及首次加载时得到通知
但是,使用以下示例:
Ext.define('MyApp.store.Config', {
extend: 'Ext.data.Store',
config: {
autoLoad: true,
autoSync: true,
model: 'MyApp.model.Config',
我试着按照这里给出的小猫的例子
我有一些复杂的组件,其中数据的属性之一是对象列表。我正在使用setItems方法将列表对象映射到Ext.Container。然而,它似乎不起作用。在警报点,我得到了未定义的对象。但是如果我将setItems更改为setText,那么我将获得对象的字符串表示形式。有人对我遗漏了什么有什么建议吗
Ext.define('MyListItem', {
extend: 'Ext.dataview.component.DataItem',
require
我从Sencha Touch 2.0.1升级到2.1,框架突然向我的所有列表元素添加了-webkit转换,这破坏了我的很多布局,有人知道它为什么这样做以及如何删除它吗
见附件:
使用Sencha Touch 2.1,列表组件被完全重新设计
引用Realease注释:
新的列表组件包含在此版本中。此实现取代了列表的旧实现,不再在存储和DOM元素之间进行一对一绑定。这意味着列表的长度将不再影响它的滚动性能。此外,如果使用itemConfig指定组件,列表可以使用组件,如果指定组件,itemTpl将动
对此感到困惑,不知道从哪里开始寻找
我有一个转盘,在我的备份存储触发刷新事件时加载该转盘:
Ext.define('Rb.store.Items', {
extend: 'Ext.data.Store',
requires: ['Rb.model.Item', 'Ext.data.proxy.Rest'],
config: {
storeId: 'itemstore',
model: 'Rb.
在Sencha Touch 2中,我有一个beforeFilter,在路由之前
当用户想要访问某个视图时,“beforeFilter”首先起作用
我使用过滤器进行身份验证检查和其他事情。
我将示例保持得非常简单,以强调我需要帮助的地方:
Ext.define("TestApp.controller.Router", {
extend: "Ext.app.Controller",
config: {
before: {
home: 'b
上一页 1 2 3 4 5 6 7 8 9 ...
下一页 最后一页 共 17 页