标签: extjs

我有一个HTML5日期选择器.
单击日期选择器文本框时会打开它.

去做 :

• 我必须将事件更改为图标,但我不确定如何实现此目的.
  我点击日历图标时必须打开日期选择器.

这是我的datepicker的HTML代码:

<img src="date.png" alt="Date Picker" id="datepickericon" />
<input name="calendarselect{ContactID}" class="timeselect" type="date" id="calendar">
<script>
document.getElementById("datepickericon").onclick = function(e){
console.log('inside click');
    document.getElementById("calendar").style.visibility="visible";
    // document.getElementById("calendar").focus();
    // You could write code to toggle this
}

点击图标我必须得到如下图所示的打开日历视图

我们正在使用Ruby on Rails框架(CRM系统)开发一个相当大的应用程序,并且正在考虑重写它以使用ExtJS以便Rails只进行数据处理,而ExtJS将以类似桌面的方式进行所有浏览器重量级处理.

任何人都有一些经验和暗示什么是最好的方法？ExtJS是否足够成熟,可以用于相对较大(和复杂)的应用程序？那么Rails部分 - 这里最好的方法是什么？

编辑:

只是为了说清楚.我宁愿这样做,以便所有的javascript客户端应用程序代码一次加载(在应用程序的启动时,最好是作为一个压缩的js文件),然后只使用ajax与Rails之间发送数据应用程序.此外,让ERB可用于动态生成Ext apliccation元素会很不错.

我正在评估几个Javascript UI工具包,用于构建具有类似桌面感觉的Web应用程序,主要是因为对话框和窗口管理.

我看了几个选项 - 这是我目前的评估:

• ExtJS - 伟大的小部件库,很棒的文档!没有那么大的执照.
• jQuery UI - 缺乏现成的窗口和对话框容器.我喜欢jQuery.
• 雅虎 UI - 与上面相同的问题.真的很成熟(但不幸的是,不再被积极维护)并且记录良好.
• Mocha(基于Mootools) - 不像其他人那样成熟.缺乏良好的文档.
• SproutCore - 与上面相同.也没有窗口和对话框小部件.
• 卡布奇诺 - 太奇怪和革命.

你对这些有什么看法？我的评估是否正确？

我希望我的(ExtJS)工具栏按钮在单击时不会抓住网页上的焦点,而是在点击时保持焦点不变的情况下执行"事物".我怎么做？

我试图创建一个简单的ComboBox:

var combo1 = new Ext.form.ComboBox({
  store: [1,2,3],
  renderTo: document.body
});

但是以这种方式编写它的行为很奇怪:

• 当您第一次弹出下拉菜单时,它提供了三种选择.
• 你选择一个.
• 但是当您尝试更改选择后,下拉菜单只提供一个选项 - 您之前选择的选项.

我将我的代码与Ext主页上的示例进行了比较,发现添加triggerAction: "all"解决了我的问题:

var combo2 = new Ext.form.ComboBox({
  triggerAction: "all",
  store: [1,2,3],
  renderTo: document.body
});

ExtJS文档triggerAction并没有告诉我很多:

单击触发器时要执行的操作.使用'all'运行allQuery配置选项指定的查询(默认为'query')

我没有指定allQuery选项.实际上,我根本不想对服务器执行查询.

那triggerAction真的是什么呢？

"all"当我只想要一个简单的静态组合框时,它是否真的应该做到这一点？

Ext.each(boundsExtend, function(value)
{
    if(value != record.ID) break;
});

那么我该如何打破或继续Ext.each循环呢？

如果我想集中使用现代浏览器(Firefox 7,Safari 5,Chrome 14)提供的HTML5堆栈的所有最新技术,并且绝对没有,那么使用什么是最好的框架(类似jquery,extjs等)需要支持任何传统浏览器(包括根本不需要IE支持,在最新的稳定版本之前不需要Firefox或Chrome)？我希望获得所有最新的可用性,而不需要(甚至通过库层抽象)一行代码意味着传统的兼容性,或者记住任何遗留引起的事物.

为了软化过滤器,对这样一个理想的新框架存在非常谦逊的希望,我想同意的最少(遗留支持的最高级别)不支持IE8以前的IE版本,或者更好的是不支持IE版本所有.

在extjs中,你总是可以通过扩展extjs类constructor().对于从Component你那里学习的课程也可以延伸initComponent().

我想知道为什么这么多代码扩展通过initComponent,而constructor似乎是通用扩展方法.是否initComponent提供明显的优势了constructor？

要改变整行背景颜色,我们可以使用getRowClass,但是如何只为一个单元格和特定列做同样的逻辑....任何想法？

//EXTJS
viewConfig: {
    getRowClass: function(record, index) {
        var c = record.get('change');
        if (c < 0) {
            return 'price-fall';
        } else if (c > 0) {
            return 'price-rise';
        }
    }
}

//CSS
.price-fall { 
        background-color: #FFB0C4;
}
.price-rise {
        background-color: #B0FFC5;
}

编辑:

有一种方法可以做到这一点:

 function change(val){
    if(val > 0){
        return '<div class="x-grid3-cell-inner" style="background-color:#B0FFC5;"><span style="color:green;">' + val + '</span></div>';
    }else if(val < 0){
        return '<div class="x-grid3-cell-inner" style="background-color:#FFB0C4;"><span style="color:red;">' + val + '</span></div>';
    }
    return val || 0;
}

然后只是:

...
{header: …

我正在尝试使用Cordova为Android构建一个Sencha Touch应用程序.但是,在gradle构建开始后,我尝试连接到maven repo时出现连接错误:

[INF] [shellscript] Running: C:\xxx\gradlew cdvBuildDebug -b C:\xxx\application\cordova\platforms\android\build.gradle -Dorg.gradle.daemon=true
[INF] [shellscript]
[INF] [shellscript] FAILURE: Build failed with an exception.
[INF] [shellscript]
[INF] [shellscript] * What went wrong:
[INF] [shellscript] A problem occurred configuring root project '''android'''.
[INF] [shellscript] > Could not resolve all dependencies for configuration ''':classpath'''.
[INF] [shellscript]    > Could not resolve com.android.tools.build:gradle:1.0.0+.
[INF] [shellscript]      Required by:
[INF] [shellscript]          :android:unspecified
[INF] [shellscript]       > Failed to list versions for com.android.tools.build:gradle.
[INF] [shellscript]          > Unable to load Maven meta-data …