关于ext项目实例jssevlet的信息

发布时间：2023-12-08

关于ext项目实例jssevlet的信息

更新： <time datetime="2022-11-19 02:05">2022-11-19 02:05</time>

本文目录一览：

  1. ext怎么从数据库中取得图片路径，然后在js上显示出图片呢？
  2. ext.jsitems样式调整
  3. 如何用Ext中的panel动态的加载js文件，我用的了autoLoad，并将其属性scripts设成了true，但还是不行
  4. [急求答案：EXT JS 的中文乱码问题，servlet 一获取前台传来的中文值，就显示一串乱码(???è??)](#急求答案：EXT JS 的中文乱码问题，servlet 一获取前台传来的中文值，就显示一串乱码(???è??))
  5. 项目中使用了Ext3.0后引入js文件后超级卡，有时还无响应，去掉了javascript校验还是卡，有什么办法解决？
  6. [ext 怎么用JS控制一个按钮，按钮的click事件之后，不可用，2秒钟以后在启用，](#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. 点击开发者工具窗体右上角的 ...，选择“Search all files”。
  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 一获取前台传来的中文值，就显示一串乱码(???è??)

  1. 一个是用 POST 方式提交数据。
  2. 一个是看看你的服务器的编码方式。

项目中使用了Ext3.0后引入js文件后超级卡，有时还无响应，去掉了javascript校验还是卡，有什么办法解决？

原因： 库冲突。 解决方法： 把除了ext之外所有的js引用全去掉，然后一个一个往里面加载，看看是哪个文件跟ext库有冲突。一般是你在JavaScript的内置类的prototype中扩展了某些函数导致的，特别是json解析的库，大部分都会互相冲突。

ext 怎么用JS控制一个按钮，按钮的click事件之后，不可用，2秒钟以后在启用，

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>
    <Listeners>
        <Click Handler="btnSendMsgClick()" />
    </Listeners>
</ext:Button>
推荐文章