`
todayapple
  • 浏览: 40786 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs-grid:自定义编辑器，以时间列为例

EXTHTML 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <title> New Document </title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-all.js"></script>
</head>

<body>

<br>
  <script>

Ext.onReady(function(){

//定义表格
var grid = new Ext.grid.PropertyGrid({
title:'属性表格',
renderTo: 'grid',
width:300,
autoHeight: true,
customEditors: {
'Start Time':new Ext.grid.GridEditor(new Ext.form.TimeField({selectOnFocus:true}))
},
source: {
'Start Time':'10:00 AM'
}

});

//可选的。用来控制VALUE是不是可修改的
grid.on("beforeedit",function(e) {
e.cancel = false;
return true;
});

});


    </script>
   

<table border="1" align="center">
<tr>
<td><font color="red">PropertyGrid表格样式如下：</font></td>
</tr>
<tr>
<td><div id="grid" > </div></td>
</tr>
<tr>
<td><input type="submit" id="remove" value="提交内容"/></td>
</tr>

</table>
</body>
</html>
                                                                                                                                                                         
分享到：
| grid表格里的复选框架，改字体色，加图片
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    extjs中的xtype的所有类型介绍

    ExtJS 中的 xtype.typename 介绍 ExtJS 中的 xtype 是一个非常重要的概念，它用于定义组件的类型，从而确定组件的行为和样式。xtype 是 ExtJS 的核心组件之一，它提供了大量的组件类型，满足不同场景下的需求。 ...

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    extjs-grid-searching:ExtJS网格工具栏扩展添加了搜索功能

    在ExtJS框架中，网格（Grid）是一种常用的数据展示组件，它允许用户以表格形式查看、编辑和操作数据。在实际应用中，我们经常需要在网格中实现搜索功能，以便用户能够快速找到所需的信息。标题"extjs-grid-searching...

    ExtJS笔记---Grid实现后台分页

    这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略，特别是在大数据量的情况下，它将数据分批加载，避免一次性加载所有记录导致的...

    EXTJS-with-Data-grid:这是一个示例项目

    4. 编辑功能：Grid 可以配置为可编辑模式，允许用户直接在单元格中修改数据。 5. 行操作：支持行选择、多选、行拖拽等功能，便于用户进行数据操作。 6. 自定义列：可以自定义列的渲染器和编辑器，实现复杂的数据展示...

    Extjs学习—总结的extjs的一些常用小知识点

    ### Extjs 学习——总结的一些常用知识点 #### 一、概述 Extjs 是一个用于构建 Web 应用程序的强大框架，它提供了大量的 UI 组件和功能，可以帮助开发者快速搭建出高质量的应用界面。本文将根据一个月的学习经验，...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件，它允许用户以表格的形式查看和操作大量数据。在实际应用中，数据过滤是常见的需求，以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作，以及如何动态地对...

    extjs-620-docs.zip

    extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档

    extjs控件属性

    EXTJS 是一款强大的JavaScript库，主要用于构建富客户端的Web应用程序。EXTJS 提供了一系列丰富的控件，用于构建复杂的用户界面。这些控件拥有多种属性，能够实现高度自定义和功能扩展。以下是一些EXTJS控件的重要...

    Alien-Web-ExtJS-V3:Alien-Web-ExtJS-V3 的只读发布历史

    Alien::Web::ExtJS::V3 - ExtJS 3.x 源的 Perl 发行版 版本 ExtJS v3.4.11 (GPL) 概要 use Alien::Web::ExtJS::V3 '3.4.11'; my $dir = Alien::Web::ExtJS::V3-&gt;dir; print "ExtJS sources are installed in: $dir\...

    extjs-node:在NodeJS上运行的ExtJS4

    安装：npm install extjs-node 用法： require ( "extjs-node" ) ; Ext . require ( [ 'Ext.data.Model' , 'Ext.data.reader.Json' , 'Ext.data.writer.Json' , "Ext.data.proxy.Memory" ] ) ; Ext . define ( ...

    extjs-grid-converter:将 extjs 网格面板转换为其他内容（如 html 表或 ods 文件）的助手

    extjs-grid-converter 将 extjs 网格面板转换为其他内容（如 html 表或 ods 文件）的助手GridToHtmlTable 当您需要打印或以某种方式导出 exjs 应用程序中显示的网格数据时，请使用此转换器。 此转换器还会转换嵌套列...

    dream-first-extjs-parent：初梦-extjs项目的父。maven中继承此项目可以实现替代开发

    在继承了"dream-first-extjs-parent"的项目中，开发者可以自定义这些阶段的行为，例如添加特定的测试框架或调整打包配置，以适应ExtJS应用的构建需求。 5. 版本控制与源码管理： 压缩包文件名称“dream-first-...

    extjs-4.1.1.zip

    在"extjs-4.1.1.zip"这个压缩包中，包含了ExtJS框架的4.1.1版本，这是一个成熟的版本，具有丰富的功能和优化的性能。 ExtJS的核心特性包括组件化设计、可定制的布局管理、强大的数据绑定机制以及一系列预设的UI组件...

    extjs-form:使用 Sencha ExtJS 的简单表单

    在“extjs-form:使用 Sencha ExtJS 的简单表单”这个主题中，我们将深入探讨如何利用 ExtJS 创建功能丰富的表单。 首先，让我们了解 ExtJS 表单的基本结构。一个表单通常由若干个字段（Field）组成，每个字段都有...

    Extjs改变表格的颜色

    在EXTJS中，改变表格的颜色是一项常见的需求，用于提高数据可视化效果或突出显示特定的数据。在给定的信息中，我们看到两种方法来实现这个功能：一种是根据单元格的值来改变颜色，另一种是根据行的特定条件来改变...

    extjs-theme-bootstrap

    在实际开发中，为了使用 "extjs-theme-bootstrap"，你需要将主题的 CSS 引入到你的 EXTJS4 应用程序中，并可能需要调整部分组件配置以确保与新主题兼容。同时，如果需要自定义主题，可以通过修改 Sass 文件来实现，...

    extjs单元格合并

    EXTJS单元格合并 EXTJS单元格合并是指在EXTJS GridPanel中实现单元格合并的功能。单元格合并可以使得GridPanel中的数据显示更加简洁和清晰。下面将详细介绍EXTJS单元格合并的实现方法。 一、加入CSS样式 在实现...

    JavaScript-ExtJS-V3:JavaScript-ExtJS-V3 的只读发布历史

    [removed]:ExtJS::V3 ExtJS 3.x 源的 Perl 分发 有关更多信息，请参阅

    ExtJS-3.4.0系列：Ext.TabPanel

    4. **自定义标签样式**：可以使用CSS为标签页添加自定义样式，以满足设计需求。 5. **嵌套组件**：`TabPanel`可以包含其他ExtJS组件，如表格、树形视图、表单等，实现复杂的用户界面。 6. **工具栏支持**：可以在...

Magicbox
Global site tag (gtag.js) - Google Analytics