本文目录一览:
- 1、ext怎么从数据库中取得图片路径,然后在js上显示出图片呢?
- 2、ext.jsitems样式调整
- 3、如何用Ext中的panel动态的加载js文件,我用的了autoLoad,并将其属性scripts设成了true,但还是不行
- 4、急求答案:EXT JS 的中文乱码问题,servlet 一获取前台传来的中文值,就显示一串乱码(???è??)
- 5、项目中使用了Ext3.0后引入js文件后超级卡,有时还无响应,去掉了javascript校验还是卡,有什么办法解决?
- 6、ext 怎么用JS控制一个按钮,按钮的click事件之后,不可用,2秒钟以后在启用,
ext怎么从数据库中取得图片路径,然后在js上显示出图片呢?
首先从数据库获取信息到前端,接收数据要用store,你把图片的路径写入数据库中,然后通过store去load数据到前端。
然后要看你要怎么展示图片,在哪显示了!
例如使用Ext.XTemplate,自己去写图片显示的位置,样式等。可以去参考ext3.0文档中Ext.DataView的例子
var store = new Ext.data.JsonStore( {
fields : [ "id", "name", "path" ],
url: '....',
......
});
store.load();
var tpl = new Ext.XTemplate('div class="aaa"img src="{path}" title="{name}" //div',);
var dataview = new Ext.DataView( {
store: store,
tpl: tpl,
........
});
var panel = new Ext.Panel({
.......
items:dataview
)}
还可以使用textfield,这就要自己完成整个panel或window的布局了
例如:
.....
{
columnWidth : .5,
layout : 'form',
labelWidth : 60,
items : [{
xtype : 'textfield',
fieldLabel : '个人照片',
width : 150,
Height : 180,
inputType : 'image',
listeners : { // 该项被载入时加载照片
'render' : function(_filed) {
_filed.getEl().dom.src = "a.jpg";//这里图片的路径可以预先从store中读取,赋给变量然后给它
}
}
}]
}
如果是在grid里显示图片,那么grid中的ColumnModel里可以有一个字段是图片路径,然后通过store传入该路径并显示
例如:
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,
{
header : "图片",
width : 40,
dataIndex : "path",
align : "center",
renderer : function(v) {
return "img src='" + v +"'"
}
},
......
还有很多跟图片有关的地方,我暂时也想不起来,看具体情况具体解决了,总之后台对应的是数据库,前台对应的是store,前后交互就是把后台的数据放store里,然后前台根据store做前台该做的事
ext.jsitems样式调整
调整方法如下:
1.打开浏览器的,使用浏览器的开发者工具,使用选择工具,选中该元素。
2.因为是选中后才会有的,所以如果在调试器定位到对应的元素,新增类跟伪元素都会消失。
3.点击开发者工具窗体右上角的...,选择“Searchallfiles”。
4.在查询文本框中输入x-grid-item-focus
5.单击查找到的文件,定位到scss(此处为含有伪类的)文件
如何用Ext中的panel动态的加载js文件,我用的了autoLoad,并将其属性scripts设成了true,但还是不行
很正常,不要用autoload,用autoload你设成什么也没用。要用iframe
html : 'iframe scrolling="auto" frameborder="0" width="100%" height="100%" src='+ url + '/iframe'
急求答案:EXT JS 的中文乱码问题,servlet 一获取前台传来的中文值,就显示一串乱码(???è??)
一个是用 post方式提交数据
一个是看看你的服务器的编码方式
项目中使用了Ext3.0后引入js文件后超级卡,有时还无响应,去掉了javascript校验还是卡,有什么办法解决?
原因:库冲突
解决方法:把除了ext之外所有的js引用全去掉,然后一个一个往里面加载,看看是哪个文件跟ext库有冲突,一般是你在JavaScript的内置类的prototype中扩展了某些函数导致的,特别是json解析的库,大部分都会互相冲突
ext 怎么用JS控制一个按钮,按钮的click事件之后,不可用,2秒钟以后在启用,
我更明白。
js
-------------------------------
function btnSendMsgClick() {
Ext.getCmp('btnSendMsg').setDisabled(true);
setTimeout("ChangeBtn('btnSendMsg',false)", 2000);
}
function ChangeBtn(btnName, b) {
Ext.getCmp(btnName).setDisabled(b);
}
----------------------------------------
aspx
ext:Button ID="btnSendMsg" runat="server" StandOut="true" Text="发送短信" Icon="ApplicationGo"
DirectEvents
Click OnEvent="SendMsg_Click" /
/DirectEvents
ListenersClick Handler="btnSendMsgClick()" //Listeners
/ext:Button