`
TiFa.L.Hart
  • 浏览: 16717 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Extjs里的一些小细节

阅读更多
一.grid里利用render修改单元格的背景或其他样式
样式:
<style type="text/css">
.x-editgrid-bg-gray{
background:'#CCC';
}
</style>

某一列的render方法:
function newDataRender(value,meta,record){
meta.css = 'x-editgrid-bg-gray';
return value;
}
参数说明:
value:当前单元格的值(若要将id之类的转换为名称可以再次转换)
meta:元属性(可以设置样式等,meta子属性有:attr、css、displa、value等)
record:当前行的数据对象(可以通过 record.get("其他列"))以获取当前条数据的其他字段值




二.给引用弹出窗(refgrid)设置默认其他查询条件:
1.给refgrid设置onBeforeShowRef事件
2.在事件处理方法里给grid绑定beforeload事件:
Ext.getCmp("kriIdPicker").grid.store.on('beforeload', function() {
Ext.apply(this.baseParams, {
krirate:rate   //自定义的默认查询参数
});
});
分享到:
评论

相关推荐

    包含各种类型的extjs小图标,Extjs4小图标

    综上所述,ExtJS 4小图标是框架中不可或缺的部分,它们提升了用户体验,同时也体现了ExtJS对细节的关注和对开发者友好性的考虑。使用这些图标时,开发者应注意图标的选择、格式、自定义以及无障碍性和性能优化等方面...

    EXTJS 多文件上传

    通过阅读和理解这个文件,开发者可以更深入地了解EXTJS如何处理多文件上传的细节,并根据自己的需求进行修改和扩展。 总的来说,EXTJS的`MultiFileUploadField` 是一个强大且灵活的多文件上传解决方案,它结合了...

    ExtJS教程_完整版

    ExtJS的开发模式鼓励开发者把精力集中在实现应用功能上,而非界面细节。例如,ExtJS通过 FeedViewer和SimpleTask等示例展示了其能够轻松实现复杂功能。而且,ExtJS支持适配器模式,允许与其他JavaScript库协同工作,...

    5000个extjs小图标,真的非常的全面

    标题提到的"5000个ExtJS小图标"是一份包含大量图标资源的集合,这些图标可能用于增强ExtJS应用的界面美观度和用户体验。 在ExtJS中,图标通常被用作按钮、菜单项或其他UI元素的视觉表示。这些图标可以是基于字体的...

    Extjs6示例中文版

    - **跨浏览器支持**:使用ExtJS可以显著减少处理浏览器兼容性问题的时间和精力,开发者可以更加专注于核心业务逻辑而非繁琐的技术细节。 - **丰富的UI组件**:ExtJS提供了一系列预定义的UI组件(如数据网格、选项卡...

    extjs6.2 SDK下载

    EXTJS 6.2 SDK是EXT JavaScript库的一个版本,它是一个强大的前端开发框架,用于构建企业级的Web应用程序。EXTJS提供了丰富的组件库,包括数据管理、图表、表格、窗体和其他用户界面元素,使开发者能够创建功能丰富...

    EXTJS页面编辑器

    EXTJS页面编辑器是一款专为...通过vjPage等子文件,你可以看到编辑器生成的具体页面实例,进一步学习和理解EXTJS页面构建的细节。无论你是新手还是经验丰富的EXTJS开发者,这个编辑器都能成为你构建出色Web应用的利器。

    extjs 导入导出 Exel

    文本文件通常会提供更详细的代码片段,帮助开发者理解EXTJS 导出功能的实现细节。 总结,EXTJS 导入导出Excel 功能涉及前后端的协作,通常需要服务器端支持,但也有一些库提供了纯前端的解决方案。了解这些方法可以...

    extjs 进度条的显示

    在IT领域,特别是前端开发中,ExtJS是一个广泛使用的JavaScript框架,用于构建复杂的企业级Web应用程序。本文将深入探讨如何在ExtJS中实现进度条的显示,...理解并掌握这些技术细节,将使你在开发过程中更加得心应手。

    EXTJS 5.1 Examples

    1. **学习和培训**:对于初学者来说,通过研究EXTJS 5.1 Examples可以快速了解EXTJS的核心概念和技术细节,从而提高开发效率。 2. **项目开发**:在实际项目中遇到难题时,可以从Examples中寻找类似的解决方案,并...

    ext、extjs 常用到的624个小图标大部分是16*16

    标题提到的“624个小图标”是指EXTJS框架内包含的一系列图标资源,这些图标通常被用于EXTJS组件,如按钮、工具栏、菜单项等。这些小图标大部分尺寸为16x16像素,这是一种常见的图标大小,适合在Web界面上保持清晰且...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    通过以上内容的详细介绍,我们可以看出`UploadDialog`组件及其相关的辅助类(如`EventQueue`和`FSA`)在ExtJS 3.x中的实现细节和技术要点。这不仅有助于理解多文件上传组件的工作原理,也为开发者提供了实现类似功能...

    extjs上传全代码

    通过解压并导入到Eclipse,开发者可以查看EXTJS文件上传的实现细节,包括事件处理、Ajax请求的配置、服务器通信的逻辑等。同时,这也提供了一个学习和研究EXTJS文件上传功能的实例,有助于加深对EXTJS组件和API的...

    php+ExtJS 开发实战

    - **封装**: 封装是指隐藏对象的具体实现细节,仅暴露必要的接口给外部调用,从而增强代码的安全性和灵活性。 - **模块化**: 通过模块化的思想,可以将复杂的系统分解成多个独立的部分,每个部分负责不同的功能,有...

    ExtJS4之初体验

    在开始使用ExtJS4进行开发之前,我们需要做一些基础的准备工作,确保开发环境已经搭建好,并且能够顺利地运行第一个ExtJS4程序。 ##### 1. 浏览器兼容性 ExtJS4支持大部分主流浏览器,包括从IE6到最新版本的Chrome...

    extjs教程word版本

    ExtJS 是一个强大的JavaScript应用程序框架,专为...实际教程中可能还会包含更多细节,如错误处理、调试技巧、测试和调试工具的使用等。通过学习这个教程,开发者可以系统地掌握ExtJS框架,提升构建复杂Web应用的能力。

    learning extjs 经典教材

    - **实践技巧**:书中还会提供一些实践技巧,帮助开发者更好地组织代码,提高开发效率。 2. **数据驱动的Web应用开发** - **知识点介绍**:本书深入讲解了如何利用ExtJS处理复杂的数据结构,以及如何将数据有效地...

    extjs-4.1.1.zip

    其丰富的组件库、高效的数据绑定和灵活的布局管理,使得开发者能够快速构建出界面美观、功能强大的应用,而无需过多关注底层实现细节。无论是在企业级应用还是小型项目中,ExtJS都是一个值得信赖的选择。

    Extjs6.60没有水印版本

    6.6.0可能在细节和用户体验上做了微调,但大的架构和使用方式依然相似。 3. **ExtJS 6.6.0特性**: - **多设备支持**:6.x版本引入了Modern toolkit,专门针对触摸设备和现代浏览器优化,同时保持了Classic ...

    extjs资料大全

    7. **最佳实践**:除了技术细节外,教程可能还包括了一些最佳实践,如性能优化、代码组织和调试技巧等。 总之,这套资料大全是学习和提升ExtJS技能的宝贵资源,无论你是初学者还是经验丰富的开发者,都能从中受益。...

Global site tag (gtag.js) - Google Analytics