- 浏览: 253782 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (179)
- Spring3.0 (28)
- HIbernate3.5.6 (35)
- Struts2.1.8 (42)
- JSP (1)
- Servlet (0)
- JAVASE (16)
- JavaWeb (1)
- javaEE (0)
- SSH2整合 (0)
- EJB (0)
- Oracle (7)
- Ajax (7)
- Quartz作业调度框架 (6)
- jsValidationFramework (1)
- FCKeditor (1)
- ExtJS (29)
- JSF (0)
- JPA (0)
- JBoss Seam (0)
- JSON (0)
- Webservice (0)
- JQuery (1)
- Javascript (1)
- Css+DIV (0)
- Lunch (0)
- Linux (0)
- PHP (0)
- XML (1)
- Ibatis (0)
- DWR (0)
- DWZ (0)
最新评论
-
Nabulio:
good
Spring配置SessionFactory -
唤流年:
[color=red][/color] ...
Spring配置SessionFactory -
wangcl011:
Oracle通过数据泵网络导入另一个数据库,不生成DMP文件, ...
oracle命令导入dmp文件 -
rochou:
第一个Hibernate实现CRUD -
ningwuyu:
Entity 类是那个jar里面的
PropertyUtils MethodUtils用法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>loadrecord.html</title> <link rel="stylesheet" type="text/css" href="./ext-3.3.1/resources/css/ext-all.css" /> <script type="text/javascript" src="./ext-3.3.1/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="./ext-3.3.1/ext-all.js"></script> <script type="text/javascript" src="loadrecord.js"></script> </head> <body> </body> </html>
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget="qtip"; var data = [ ["1","男",new Date(1979,09,06),"tom",21,"you_5214@sina.com"], ["2","女",new Date(1980,08,07),"tony",46,"you_5214@sina.com"], ["3","男",new Date(1990,07,08),"Jet Li",31,"you_5214@sina.com"], ["4","女",new Date(1910,06,09),"washington",29,"you_5214@sina.com"] ]; var fields = ['id','sex','brithday','name','age','eamil']; var cm = new Ext.grid.ColumnModel([ { header: "ID", width: 60, sortable: true,dataIndex :'id' }, { header: "性别", width: 70, sortable: true,dataIndex :'sex' }, { header: "生日", width: 130, sortable: true,dataIndex :'brithday', editor:new Ext.form.DateField() }, { header: "姓名", width: 100, sortable: true,dataIndex :'name'}, { header: "年龄", width: 100, sortable: true,dataIndex :'age' }, { header: "Email", width: 120, sortable: true,dataIndex :'eamil' } ]); var store = new Ext.data.GroupingStore({ data :data, reader : new Ext.data.ArrayReader({id:"id"},fields) }); var gridForm = new Ext.FormPanel({ id: 'user_info', applyTo:Ext.getBody(), frame: true, autoHeight:true, labelAlign: 'left', title: '员工信息表', bodyStyle:'padding:5px', width: 600, items:[new Ext.grid.GridPanel({ title:"人员信息列表", width:600, autoHeight:true, fram:true, cm:cm, store:store, sm:new Ext.grid.RowSelectionModel({ singleSelect: true, listeners: { rowselect: function(sm, row, rec) { Ext.getCmp("user_info").getForm().loadRecord(rec); } } }), view:new Ext.grid.GroupingView({ hideGroupedColumn : true, showGroupsText :"分组显示", groupByText:"使用当前字段排序", forceFit :true, columnsText :"隐藏/显示字段", sortAscText:"升序排列", sortDescText:"降序排列" }) }),{ xtype: 'fieldset', labelWidth: 150, title:'加载grid信息内容', defaultType: 'textfield', autoHeight: true, items:[{ fieldLabel: 'ID', name :'id', anchor : '55%' },{ fieldLabel: '性别', name :'sex', anchor : '55%' },{ fieldLabel: '生日', name :'brithday', anchor : '55%' },{ fieldLabel: '年龄', name :'age', anchor : '55%' },{ fieldLabel: '邮箱', name :'eamil', anchor : '55%' }] }] }); });
发表评论
文章已被作者锁定,不允许评论。
-
下拉框之——动态获取数据
2011-05-04 15:49 1728adduser.securityDegree1=null; ... -
表单提交方式一
2011-05-04 00:00 898,buttons:[{ text : '登录' ... -
来自官方的开始时间和结束时间及密码和重复密码验证
2011-04-23 18:40 1068/*! * Ext JS Library 3.3.1 ... -
Ext验证汇总
2011-04-22 09:33 18131.验证输入框长度:一个汉字等于两个字符问题 validat ... -
按钮触发事件的三种表示方法
2011-04-04 22:17 1394<script type="text/java ... -
FormPanel示例
2011-04-04 18:22 923<!DOCTYPE html PUBLIC " ... -
ExtJs错误信息提示的四种方式
2011-04-04 17:43 2307<!DOCTYPE html PUBLIC " ... -
在表格中出现鼠标一放到某列上就显示提示信息
2011-03-31 11:10 2885首先介绍一下renderer: renderer:funct ... -
简单表格之SimpleStore
2011-03-26 17:41 966表格一般由:ColumnModel和Store两部分组成。 ... -
Menu简单实例1
2011-03-25 01:07 1081Ext.onReady(function(){ ... -
TabPanel的使用介绍
2011-03-24 18:23 1041<HTML> <HEAD> &l ... -
布局之anchor布局
2011-03-24 17:57 1443<HTML> <HEAD> &l ... -
布局之accordion布局
2011-03-24 17:56 947<HTML> <HEAD> &l ... -
布局之fit布局
2011-03-24 17:54 832<HTML> <HEAD> &l ... -
布局之border
2011-03-24 17:35 798<HTML> <HEAD> &l ... -
布局一之column布局
2011-03-24 17:16 1033<HTML> <HEAD> &l ... -
Window介绍
2011-03-24 16:12 944window表示应用程序的窗口,其实就是一个浮动的层,直接调用 ... -
Viewport介绍
2011-03-24 15:52 1173Viewport代表整个游览器窗口,直接渲染到document ... -
面板panel介绍
2011-03-24 15:35 1050面板由5部分组成一个顶部工具栏(tbar)、一个底部工具栏(b ... -
下拉框ComboBox的简单应用示例1
2011-03-23 15:21 1652从本地读取数据: <HTML> < ...
相关推荐
在Vue.js框架中,Element UI库提供了一套丰富的UI组件,其中包括模态框(Modal)和表格(Table),这些组件可以方便地构建...通过合理利用这些组件和Vue的响应式特性,我们可以轻松实现模态框内表格形式的可编辑表单。
4. **响应式设计**:为了适应不同的屏幕尺寸,我们可以利用Element UI的栅格系统(Row和Col组件)进行布局,配合Vue.js的条件渲染(v-if/v-else)和计算属性,实现响应式的表格布局。这样,无论是在大屏桌面还是小屏...
本篇文章将通过一个简单的表格组件实例来阐述如何在Vue中创建和使用组件。 首先,我们需要构建一个基础的Vue项目。使用`vue init webpack myproject`初始化项目,然后进入项目目录并安装依赖,如`npm install`或`...
在网页设计和开发中,按钮、表格和表单验证是三个关键元素,它们共同构建了用户与网站交互的基础。下面将详细阐述这三个方面的知识。 首先,我们来看“按钮”。按钮在网页中扮演着触发动作的角色,它允许用户执行...
layui是一款流行的前端开发框架,它集成了页面构建、表单处理、表格操作等多种功能,适用于快速开发高效简洁的Web应用。 在描述中,“动态SKU库存表格layui实例”进一步确认了这是一个关于库存管理的实例,而且它...
在AngularJS 2(现在称为Angular)中,表单和表格是构建动态用户界面的关键元素。Angular提供了强大的数据绑定和表单验证功能,使得开发者能够高效地处理用户输入和展示数据。下面我们将深入探讨AngularJS 2中表单和...
1. **Bootstrap**:Bootstrap 是一个流行的开源 CSS 框架,它提供了预定义的样式和组件,如网格系统、表单、按钮、导航等,使得开发者能够快速地创建响应式布局。在这个实例中,Bootstrap 负责提供表格的基础样式和...
Element UI在Vue.js的基础上提供了诸如按钮、表单、表格、提示等常用组件。在本项目中,我们将主要使用`el-table`组件来创建库存表格。`el-table`支持多级表头、行合并、自定义列模板等功能,非常适合构建复杂的数据...
通过`<colgroup>`和`<thead>`、`<tbody>`、`<tfoot>`可以进一步细化表格结构。表格的样式可以通过CSS进行调整,如边框宽度、对齐方式、背景色等。 "照片框"(Photo Frame)通常涉及到`<img>`标签的使用。`<img>`...
总结来说,"表格 demo datatables 回调"是一个演示如何利用Datatables和Bootstrap创建交互式表格的实例,重点在于Datatables的回调功能以及与Bootstrap的协同使用。通过深入理解这两个工具,开发者可以构建出更高效...
在本篇实例代码中,将介绍如何使用Bootstrap框架来实现表格样式和表单布局。 首先,Bootstrap表格样式是通过添加预定义的CSS类到HTML的元素上来实现的。实例代码展示了如何使用.table和.table-striped两个类来创建...
9. **响应式设计**:考虑到不同设备的屏幕大小,实例可能还会涉及响应式布局,通过jQuery检测窗口尺寸变化,并根据需要调整表格的样式和行为。 10. **错误处理**:良好的错误处理机制是任何应用的关键部分。jQuery...
在本实例中,我们主要探讨了如何利用Layui库进行图片上传,同时结合表单提交和Spring MVC框架实现后端处理。Layui是一个轻量级的前端组件库,提供了丰富的UI组件,包括上传功能。以下是具体的知识点: 1. **Layui...
总的来说,利用VFP的表格制作树控件是一项涉及到数据处理、事件响应和界面定制的综合任务。通过这样的实例学习,可以深入理解VFP的编程模型,提高在实际项目中解决复杂问题的能力。对于初学者来说,这是一个很好的...
通过点击“添加更多联系人”的按钮,可以动态地向数组中添加新的联系人对象,并根据这个数组的长度循环渲染新的表单实例。为每个新增的表单字段定义了相应的验证规则,包括长度限制和正则表达式校验,以确保用户输入...
实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML文件 实例51 客户端以指定CSS样式显示数据 实例52 用户登录校验 实例53 页面自动刷新时间 实例54 实现新闻滚动播放 第7章 实现高级Ajax技术 实例...
动态表格是网页应用中常见的一种数据展示方式,它允许用户交互地添加、删除和修改数据。 首先,`index.html`文件是网页的主入口,它会包含HTML结构,以及引用Vue.js库和自定义的JavaScript文件。HTML中可能有一个...
实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML文件 实例51 客户端以指定CSS样式显示数据 实例52 用户登录校验 实例53 页面自动刷新时间 实例54 实现新闻滚动播放 第7章 实现高级Ajax技术 第8章 Ajax...
Flexbox适合处理一维布局,如水平或垂直排列的表单控件,而Grid则适用于二维布局,可以轻松实现响应式设计,让表单在不同设备和屏幕尺寸上都能完美展示。 在实际项目中,我们还可以结合JavaScript和AJAX来进一步...
Vxe Table 是一个专门针对 Vue.js 开发的表格解决方案,适用于 PC 端的表单和表格操作。它不仅支持 Vue 2 和 Vue 3,还提供了一系列丰富的功能来满足开发者的各种需求。该组件集成了增删改查(CRUD)的功能,允许...